p5.js-web-editor/client/styles/abstracts/_mixins.scss

40 lines
894 B
SCSS
Raw Normal View History

@mixin themify ($themes: $themes) {
@each $theme, $map in $themes {
.#{$theme} & {
// Define theme color
$theme-map : (
) !global;
@each $key, $submap in $map {
$value: map-fetch($themes, $theme '#{$key}');
$theme-map: map-merge($theme-map, ($key: $value)) !global;
2016-09-14 15:55:53 +00:00
}
@content;
// reset theme color to null
$theme-map: null !global;
}
}
}
@mixin icon() {
@include themify() {
color: getThemifyVariable('icon-color');
2020-04-29 22:34:37 +00:00
& g, & polygon, & path {
opacity: 1;
fill: getThemifyVariable('icon-color');
}
&:hover {
color: getThemifyVariable('icon-hover-color');
2020-04-29 22:34:37 +00:00
& g, & polygon, & path {
opacity: 1;
fill: getThemifyVariable('icon-hover-color');
}
}
}
background-color: transparent;
border: none;
cursor: pointer;
padding: 0;
}