signal-works/ice
1
0
Fork 0
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity Actions

Remove !important from table styles and improve selector specificity

Browse source 
- Remove all !important declarations from table cell styles in _index.scss
- Increase selector specificity by changing .location-cell to td.location-cell
- Change .details-cell to td.details-cell, .time-cell to td.time-cell, etc.
- This eliminates the need for !important while maintaining proper cascade order
- Follows CSS best practices for maintainable and readable stylesheets
This commit is contained in:
Deco Vander 2025-07-04 14:46:32 -04:00
parent 9716fe9f1d
commit 4f6b158022
2 changed files with 10 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

2
public/style.css.map
View file

File diff suppressed because one or more lines are too long

18
src/scss/pages/_index.scss
View file

@ -146,7 +146,7 @@
td { td {
padding: 1rem; padding: 1rem;
border-bottom: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color);
color: var(--text-color) !important; color: var(--text-color);
vertical-align: top; vertical-align: top;
&:first-child { &:first-child {
@ -171,8 +171,8 @@
} }
// Specific cell styles // Specific cell styles
.location-cell { td.location-cell {
color: var(--text-color) !important; color: var(--text-color);
font-size: $font-size-sm; font-size: $font-size-sm;
font-weight: 500; font-weight: 500;
max-width: 250px; max-width: 250px;
@ -181,8 +181,8 @@
white-space: nowrap; white-space: nowrap;
} }
.details-cell { td.details-cell {
color: var(--text-color) !important; color: var(--text-color);
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
max-width: 200px; max-width: 200px;
@ -192,14 +192,14 @@
font-style: italic; font-style: italic;
} }
.time-cell { td.time-cell {
color: var(--text-color) !important; color: var(--text-color);
font-size: 12px; font-size: 12px;
font-weight: 400; font-weight: 400;
} }
.remaining-cell { td.remaining-cell {
color: var(--text-color) !important; color: var(--text-color);
font-size: 12px; font-size: 12px;
font-weight: 500; font-weight: 500;