mirror_css/nes.css
1
0
Fork 0
mirror of https://github.com/nostalgic-css/NES.css.git synced 2025-09-03 11:02:43 +02:00
Code Issues Releases Wiki Activity

Changes requested made like adding table-layout property, usage of the $base-color variable, added word-wrap property and removed the box-shadow unused values.

Browse Source
This commit is contained in:
Igor Guastalla de Lima
2018-11-30 12:22:01 -02:00
parent b3f56c989b
commit 3bb7fd93d4
4 changed files with 26 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
css/nes.css
View File

@@ -723,6 +723,7 @@ button,
} }
.table { .table {
table-layout: fixed;
background-color: #fff; background-color: #fff;
} }
@@ -736,15 +737,20 @@ button,
.table.is-bordered th, .table.is-bordered th,
.table.is-bordered td { .table.is-bordered td {
padding: 8.5px; padding: 0.5rem;
word-wrap: break-word;
} }
.table.is-bordered tr th { .table.is-bordered tr th + th {
box-shadow: 0 0 #212529, 0 0 #212529, -4px 0 #212529, 0 0 #212529; box-shadow: -4px 0 #212529;
} }
.table.is-bordered tr td { .table.is-bordered tr td {
box-shadow: 0 0 #212529, 0 -4px #212529, 0 0 #212529, -4px 0 #212529; box-shadow: 0 -4px #212529;
}
.table.is-bordered tr td:not(:first-child) {
box-shadow: -4px 0 #212529, 0 -4px #212529;
} }
.input { .input {

2
css/nes.css.map
View File

File diff suppressed because one or more lines are too long

3
css/nes.min.css vendored
View File

File diff suppressed because one or more lines are too long

20
scss/elements/tables.scss
View File

@@ -1,23 +1,29 @@
.table { .table {
table-layout: fixed;
background-color: #fff; background-color: #fff;
&.is-centered th { &.is-centered th {
text-align: center; text-align: center;
} }
&.is-bordered { &.is-bordered {
box-shadow: 4px 0 #212529, 0 -4px #212529, -4px 0 #212529, 0 4px #212529; box-shadow: 4px 0 $base-color, 0 -4px $base-color, -4px 0 $base-color, 0 4px $base-color;
th, th,
td { td {
padding: 8.5px; padding: 0.5rem;
word-wrap: break-word;
} }
tr th { tr {
box-shadow: 0 0 #212529, 0 0 #212529, -4px 0 #212529, 0 0 #212529; th + th {
box-shadow: -4px 0 $base-color;
}
td {
box-shadow: 0 -4px $base-color;
}
td:not(:first-child) {
box-shadow: -4px 0 $base-color, 0 -4px $base-color;
} }
tr td {
box-shadow: 0 0 #212529, 0 -4px #212529, 0 0 #212529, -4px 0 #212529;
} }
} }
} }