Homebrew Formula patching old ImageMagick release 6.9.7-6
$ brew install https://gist.githubusercontent.com/norin89/74d6374a4bd4bed7a51d03d16a017d87/raw/d3e96764be6a27f2c2cc782c135a03942300b87f/imagemagick.rb
$text-settings: ( | |
lead: ( | |
font-size: 18px, | |
line-height: 24px, | |
font-weight-normal: 500, | |
font-weight-bold: 600, | |
), | |
major: ( | |
font-size: 16px, | |
line-height: 24px, |
@use "sass:meta"; | |
@use "sass:map"; | |
@use "sass:string"; | |
$breakpoints: ( | |
'xs': 0, | |
'md': 800, | |
); | |
@function breakpoint($key) { |
// Sass map, ideally imported from JSON (e.g. with https://github.com/pmowrer/node-sass-json-importer) | |
// Based on MUI palette example - https://mui.com/material-ui/customization/color/#picking-colors | |
$palette: ( | |
primary: ( | |
light: '#757ce8', | |
main: '#3f50b5', | |
dark: '#002884', | |
contrastText: '#fff', | |
), | |
secondary: ( |
@use "sass:map"; | |
// Sass map, ideally imported from JSON (e.g. with https://github.com/pmowrer/node-sass-json-importer) | |
// Based on MUI palette example - https://mui.com/material-ui/customization/color/#picking-colors | |
$palette: ( | |
primary: ( | |
light: '#757ce8', | |
main: '#3f50b5', | |
dark: '#002884', | |
contrastText: '#fff', |
@use "sass:map"; | |
// Sass map, ideally imported from JSON (e.g. with https://github.com/pmowrer/node-sass-json-importer) | |
// Based on MUI palette example - https://mui.com/material-ui/customization/color/#picking-colors | |
$palette: ( | |
primary: ( | |
light: '#757ce8', | |
main: '#3f50b5', | |
dark: '#002884', | |
contrastText: '#fff', |
@use "sass:map"; | |
// Sass map, ideally imported from JSON (e.g. with https://github.com/pmowrer/node-sass-json-importer) | |
// Based on MUI palette example - https://mui.com/material-ui/customization/color/#picking-colors | |
$palette: ( | |
primary: ( | |
light: '#757ce8', | |
main: '#3f50b5', | |
dark: '#002884', | |
contrastText: '#fff', |
@mixin hoverable($root: '') { | |
@at-root { | |
a#{&}, | |
button#{&}, | |
label#{&}, | |
&#{$root}--hoverable { | |
@content; | |
} | |
} | |
} |
/* Root should be passed for modifiers only */ | |
@mixin hoverable($root: '') { | |
@at-root { | |
a#{&}, | |
button#{&}, | |
label#{&}, | |
&#{$root}--hoverable { | |
@content; | |
} | |
} |
/* Root should be passed for modifiers only */ | |
@mixin hoverable($root: '') { | |
@at-root { | |
a#{&}, | |
button#{&}, | |
label#{&}, | |
&#{$root}--hoverable { | |
@content; | |
} | |
} |