consul/grecia
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Extract mixin to get a background with text contrast

Browse Source 
This way we simplify the code a bit.

Note we're only using this function when variables for background colors
are already defined, since that means customizing the variable using the
background color will automatically change the color of the text.
Customization isn't easier when using raw colors.
This commit is contained in:
Javi Martín
2022-10-23 01:15:14 +02:00
parent 1b1b5b5755
commit 6cb4f4acde
8 changed files with 17 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
app/assets/stylesheets/admin/machine_learning/setting.scss
View File

@@ -1,8 +1,7 @@
.admin .machine-learning-setting {
.card-divider {
background: $primary-color;
color: color-pick-contrast($primary-color);
@include background-with-text-contrast($primary-color);
h3 {
margin-top: 0;

3
app/assets/stylesheets/admin/menu.scss
View File

@@ -1,8 +1,7 @@
.admin-sidebar {
background: $sidebar;
@include background-with-text-contrast($sidebar);
background: linear-gradient(to bottom, $sidebar 0%, #488fb5 100%);
border-right: 1px solid $border;
color: color-pick-contrast($sidebar);
ul {
list-style-type: none;