Fixed tables inner borders
Update borders.scss and table.scss
This commit is contained in:
parent
5f3398176a
commit
c568074c51
@ -21,15 +21,6 @@ main {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
table.stylish {
|
|
||||||
// Fixing border issues when using rounded corners by using a "fake" one using the background's color.
|
|
||||||
// It will look like utter shit when rounded on firefox because its rendering engine cannot clip rounded corners apparently.
|
|
||||||
// I guess that's what being at less than 3% of the market share does to you and your ability to care about basic shit.
|
|
||||||
&.border {
|
|
||||||
//background-color: #{$color-border-main};
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Special fix for select inputs' dropdown menu
|
// Special fix for select inputs' dropdown menu
|
||||||
//select.border option::before {
|
//select.border option::before {
|
||||||
// border: 1px solid deeppink !important;
|
// border: 1px solid deeppink !important;
|
||||||
|
@ -14,10 +14,6 @@
|
|||||||
background-color: #{$color-background-table-dual};
|
background-color: #{$color-background-table-dual};
|
||||||
}
|
}
|
||||||
|
|
||||||
tr:not(:last-of-type), th {
|
|
||||||
border-bottom: 1.5px solid #{$color-table-border};
|
|
||||||
}
|
|
||||||
|
|
||||||
tr:nth-child(2n), th {
|
tr:nth-child(2n), th {
|
||||||
background-color: #{$color-background-table-main};
|
background-color: #{$color-background-table-main};
|
||||||
}
|
}
|
||||||
@ -26,6 +22,7 @@
|
|||||||
border-right: 1.5px solid #{$color-table-border};
|
border-right: 1.5px solid #{$color-table-border};
|
||||||
}
|
}
|
||||||
|
|
||||||
// Remark: Tables can be rounded if their parent is.
|
tr:not(:last-of-type) td, th {
|
||||||
// Thank the modern web for that...
|
border-bottom: 1.5px solid #{$color-table-border};
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user