Some more icon stuff
This commit is contained in:
@@ -17,16 +17,18 @@
|
|||||||
margin: $icon-size / 4;
|
margin: $icon-size / 4;
|
||||||
}
|
}
|
||||||
|
|
||||||
@mixin icon-style-default {
|
@mixin icon-color($color) {
|
||||||
> svg * {
|
> svg * {
|
||||||
fill: $color-black;
|
fill: $color;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@mixin icon-style-default {
|
||||||
|
@include icon-color($color-black);
|
||||||
|
}
|
||||||
|
|
||||||
@mixin icon-style-active {
|
@mixin icon-style-active {
|
||||||
> svg * {
|
@include icon-color($color-primary);
|
||||||
fill: $color-primary;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@mixin icon-style-inverted {
|
@mixin icon-style-inverted {
|
||||||
@@ -43,4 +45,8 @@
|
|||||||
&.icon--tiny {
|
&.icon--tiny {
|
||||||
@include icon-size(10);
|
@include icon-size(10);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&.icon--large {
|
||||||
|
@include icon-size(24);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
Reference in New Issue
Block a user