$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 |