mirror_css/nes.css
1
0
Fork 0
mirror of https://github.com/nostalgic-css/NES.css.git synced 2025-08-21 05:21:28 +02:00
Code Issues Releases Wiki Activity

fix(table): changed hex to variable and removed after

Browse Source
This commit is contained in:
Igor Guastalla de Lima
2018-12-07 11:54:21 -02:00
parent dee32ff611 0b5287c2f2
commit 5c25c91e7f
4 changed files with 12 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
scss/elements/tables.scss
View File

@@ -1,6 +1,6 @@
.table {
table-layout: fixed;
background-color: #fff;
background-color: $background-color;
@mixin thsAndTdsBoxShadow($color) {
th,
td {
@@ -34,33 +34,21 @@
box-shadow: 4px -4px $base-color, -4px -4px $base-color, -4px 4px $base-color,
4px 4px $base-color;
&::before,
&::after {
position: absolute;
content: "";
}
&::after {
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
}
&::before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: linear-gradient(to left, transparent 4px, #fff 4px) no-repeat,
linear-gradient(to bottom, transparent 4px, #fff 4px) no-repeat,
linear-gradient(to right, transparent 4px, #fff 4px) no-repeat,
linear-gradient(to top, transparent 4px, #fff 4px) no-repeat;
content: "";
background: linear-gradient(to left, transparent 4px, $background-color 4px) no-repeat,
linear-gradient(to bottom, transparent 4px, $background-color 4px) no-repeat,
linear-gradient(to right, transparent 4px, $background-color 4px) no-repeat,
linear-gradient(to top, transparent 4px, $background-color 4px) no-repeat;
background-position: 100% 0, 100% 0, 0 100%, 0 100%;
background-size: calc(100% - 4px) 4px, 4px calc(100% - 4px);
}
@include thsAndTdsBoxShadow(#fff);
@include thsAndTdsBoxShadow($background-color);
}
}