Lightweight CSS Framework for Building Apps and Websites
https://crispy-css.com
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
43 lines
866 B
43 lines
866 B
/**
|
|
* component: icon
|
|
*
|
|
*
|
|
*
|
|
* @author Björn Hase
|
|
* @license http://opensource.org/licenses/MIT The MIT License
|
|
* @link https://gitlab.tentakelfabrik.de/tentakelfabrik/crispy
|
|
*
|
|
*/
|
|
|
|
$crispy__icon__width: 1.125em !default;
|
|
|
|
@mixin crispy__icon {
|
|
.icon {
|
|
width: $crispy__icon__width;
|
|
height: $crispy__icon__width;
|
|
|
|
max-height: 100%;
|
|
max-width: 100%;
|
|
|
|
vertical-align: middle;
|
|
overflow: hidden;
|
|
|
|
line-height: $crispy__line-height-xxs;
|
|
|
|
@include crispy__media-md() {
|
|
line-height: $crispy__line-height-md;
|
|
}
|
|
}
|
|
|
|
@each $name, $color in $crispy__colors {
|
|
.icon-color-#{$name} {
|
|
fill: $color !important;
|
|
}
|
|
}
|
|
|
|
@each $name, $color in $crispy__colors {
|
|
.icon-color-#{$name} {
|
|
fill: $color !important;
|
|
}
|
|
}
|
|
}
|