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
|
||||
//select.border option::before {
|
||||
// border: 1px solid deeppink !important;
|
||||
|
@ -13,10 +13,6 @@
|
||||
tr {
|
||||
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 {
|
||||
background-color: #{$color-background-table-main};
|
||||
@ -26,6 +22,7 @@
|
||||
border-right: 1.5px solid #{$color-table-border};
|
||||
}
|
||||
|
||||
// Remark: Tables can be rounded if their parent is.
|
||||
// Thank the modern web for that...
|
||||
tr:not(:last-of-type) td, th {
|
||||
border-bottom: 1.5px solid #{$color-table-border};
|
||||
}
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user