$font-sizes: (
900: 3rem,
700: 1.5rem,
400: 1.125rem,
);
@each $shade, $value in $font-sizes {
.fs-#{$shade} {
font-size: $value;
}
}
/*
Compiled CSS:
.fs-900 { font-size: 1.125rem }
.fs-700 { font-size: 1.5rem }
.fs-400 { font-size: 3rem }
*/| Code Example |
|---|
| Css :: 1rem to px |
| Css :: what is a max and min width media query |
| Css :: refresh css on page |
| Css :: hex codes of bootstrap colours |
| Css :: change text color when scrolling css |
| Css :: does boxshadow work |
| Css :: css affect other elements on hover |
| Css :: url css |
| Css :: css row column grid |
| Css :: nesting in sass |
| Css :: scss npm import |
| Css :: css responsive image |
| Css :: how to add pictures in circle html |
| Css :: how to remove default padding of div |
| Css :: double color background css |
| Css :: general sibling selector |
| Css :: css properties in html |
| Css :: how to put a circle in input |
| Css :: css immediate child |
| Css :: make footer stick to bottom without overlap over other elements |
| Css :: hide scroll bar when not needed |
| Css :: mat slide toggle iverted |
| Css :: remove black shadow from border |
| Css :: css linear gradients |
| Css :: summation in jupyter markdown |
| Css :: css last child with class |
| Css :: css background image |
| Css :: bootstrap badges |
| Css :: css notes |
| Css :: NeuMorphisme button code |