85 lines
896 B
SCSS
85 lines
896 B
SCSS
|
//simple test
|
||
|
|
$display-breakpoints: map-deep-merge(
|
||
|
|
(
|
||
|
|
"print-only": "only print",
|
||
|
|
"screen-only": "only screen",
|
||
|
|
"xs-only": "only screen and (max-width: #{map-get($grid-breakpoints, "sm") - 1})",
|
||
|
|
"sm-only": "only screen and (min-width: #{map-get($grid-breakpoints, "sm")}) and (max-width: #{map-get($grid-breakpoints, "md") - 1})",
|
||
|
|
),
|
||
|
|
$display-breakpoints
|
||
|
|
);
|
||
|
|
|
||
|
|
|
||
|
|
//list test
|
||
|
|
@each
|
||
|
|
$size
|
||
|
|
in
|
||
|
|
$sizes {
|
||
|
|
.icon
|
||
|
|
#{$size}
|
||
|
|
{
|
||
|
|
border
|
||
|
|
:
|
||
|
|
"#{$size + "px"}"
|
||
|
|
solid
|
||
|
|
red;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@each
|
||
|
|
$size
|
||
|
|
in
|
||
|
|
$sizes {
|
||
|
|
.icon-#{$size}
|
||
|
|
{
|
||
|
|
border
|
||
|
|
:
|
||
|
|
"#{$size + "px"}"
|
||
|
|
solid
|
||
|
|
red;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
//map test
|
||
|
|
$font-weights
|
||
|
|
:
|
||
|
|
("regular": 400
|
||
|
|
,
|
||
|
|
"medium": 500,
|
||
|
|
"bold":
|
||
|
|
700);
|
||
|
|
@each
|
||
|
|
$name,
|
||
|
|
$boldness
|
||
|
|
in
|
||
|
|
$icons {
|
||
|
|
.text
|
||
|
|
#{
|
||
|
|
$name
|
||
|
|
} {
|
||
|
|
color: red;
|
||
|
|
font-weight:
|
||
|
|
"#{$boldness}"
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
$font-weights
|
||
|
|
:
|
||
|
|
("regular": 400
|
||
|
|
,
|
||
|
|
"medium": 500,
|
||
|
|
"bold":
|
||
|
|
700);
|
||
|
|
@each
|
||
|
|
$name,
|
||
|
|
$boldness
|
||
|
|
in
|
||
|
|
$icons {
|
||
|
|
.text-#{
|
||
|
|
$name
|
||
|
|
} {
|
||
|
|
color: red;
|
||
|
|
font-weight:
|
||
|
|
"#{$boldness}"
|
||
|
|
}
|
||
|
|
}
|