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

fix(table): added background-linear and box-shadow again like requested

Browse Source
This commit is contained in:
Igor Guastalla de Lima
2018-12-07 10:39:02 -02:00
parent 65ba0c3770
commit 203a49e606
4 changed files with 29 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
scss/elements/tables.scss
View File

@@ -1,5 +1,4 @@
.table {
display: block;
table-layout: fixed;
background-color: #fff;
@mixin thsAndTdsBoxShadow($color) {
@@ -32,30 +31,36 @@
position: relative;
color: $background-color;
background-color: $base-color;
box-shadow: 4px -4px $base-color, -4px -4px $base-color, -4px 4px $base-color,
4px 4px $base-color;
&::before,
&::after {
position: absolute;
z-index: -1;
content: "";
}
&::before {
top: 2px;
right: 2px;
bottom: 2px;
left: 2px;
background-color: $base-color;
}
&::after {
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
border: 4px solid #fff;
}
&::before {
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;
background-position: 100% 0, 100% 0, 0 100%, 0 100%;
background-size: calc(100% - 4px) 4px, 4px calc(100% - 4px);
}
@include thsAndTdsBoxShadow(#fff);
}
}