dan/danielrayjones
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

⬆️ Upgrade CSS and classes to support Bootstrap 5

Browse source
This commit is contained in:
Dan Jones 2021-09-16 13:48:50 -05:00
commit 28e4d64885
4 changed files with 18 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

22
_assets/css/responsive_sizes.scss
View file

@ -1,14 +1,18 @@
@use "sass:map";
@each $prop, $abbrev in (width: w, height: h) {
@each $bpname,$bpsize in $grid-breakpoints {
@media (min-width: $bpsize) {
@each $size, $length in $sizes {
.#{$abbrev}-#{$bpname}-#{$size} {
#{$prop}: $length;
}
.m#{$abbrev}-#{$bpname}-#{$size} {
max-#{$prop}: $length;
}
@media (min-width: $bpsize) {
$props: map-get($utilities, $prop);
$propValues: map-get($props, 'values');
@each $size, $length in $propValues {
.#{$abbrev}-#{$bpname}-#{$size} {
#{$prop}: $length;
}
.m#{$abbrev}-#{$bpname}-#{$size} {
max-#{$prop}: $length;
}
}
}
}
}
}

4
_assets/css/style.scss
View file

@ -1,3 +1,5 @@
$navbar-padding-x: 1rem;
@import 'bootstrap';
@import 'font-awesome-sprockets';
@import 'font-awesome';
@ -17,7 +19,7 @@
.bd-sideboard {
aside {
padding: $table-cell-padding-sm;
padding: $table-cell-padding-x-sm;
}
header {