Use $table-background to set table colors
This way it's possible to customize these colors by just changing a variable. The code is now quite a bit hacky; since I'm not an expert in color design, I didn't want to change the colors we were using in case it made the application have less appeal. If slightly changing these colors isn't a problem, we could use Foundation's defaults to simplify the code, maybe just changing the `$table-color-scale` variable.
This commit is contained in:
@@ -226,7 +226,7 @@ $table-header: #ecf1f6;
|
||||
border: $table-border;
|
||||
|
||||
&:hover {
|
||||
background: #f3f6f7;
|
||||
background: adjust-color(darken($table-background, 2%), $red: -4, $green: -1);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -1433,11 +1433,11 @@ table {
|
||||
}
|
||||
|
||||
&:nth-child(odd) {
|
||||
background: #fff;
|
||||
background: $table-background;
|
||||
}
|
||||
|
||||
&:nth-child(even) {
|
||||
background: #fafcfb;
|
||||
background: adjust-color($table-background, $red: -3, $green: -1, $blue: -2);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user