Extract variable for yellow color in icons
Signed-off-by: fnuesse <felix.nuesse@t-online.de>
This commit is contained in:
parent
ad407f64bd
commit
4b32e1c6ab
3 changed files with 4 additions and 3 deletions
|
@ -704,7 +704,7 @@ table.dragshadow td.size {
|
||||||
background-image: none;
|
background-image: none;
|
||||||
}
|
}
|
||||||
& .icon-starred {
|
& .icon-starred {
|
||||||
@include icon-color('star-dark', 'actions', 'FC0', 1, true);
|
@include icon-color('star-dark', 'actions', $color-yellow, 1, true);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -282,13 +282,13 @@ img, object, video, button, textarea, input, select, div[contenteditable='true']
|
||||||
&:focus {
|
&:focus {
|
||||||
@include icon-color('star', 'actions', $color-black, 1, true);
|
@include icon-color('star', 'actions', $color-black, 1, true);
|
||||||
}
|
}
|
||||||
@include icon-color('star-dark', 'actions', 'FC0', 1, true);
|
@include icon-color('star-dark', 'actions', $color-yellow, 1, true);
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon-star {
|
.icon-star {
|
||||||
&:hover,
|
&:hover,
|
||||||
&:focus {
|
&:focus {
|
||||||
@include icon-color('star-dark', 'actions', 'FC0', 1, true);
|
@include icon-color('star-dark', 'actions', $color-yellow, 1, true);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -53,6 +53,7 @@ $color-success: #46ba61;
|
||||||
// used for svg
|
// used for svg
|
||||||
$color-white: #fff;
|
$color-white: #fff;
|
||||||
$color-black: #000;
|
$color-black: #000;
|
||||||
|
$color-yellow: #FC0;
|
||||||
|
|
||||||
// rgb(118, 118, 118) / #767676
|
// rgb(118, 118, 118) / #767676
|
||||||
// min. color contrast for normal text on white background according to WCAG AA
|
// min. color contrast for normal text on white background according to WCAG AA
|
||||||
|
|
Loading…
Reference in a new issue