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

Changed box-shadows from the table. Updated docs (index).

Browse Source
This commit is contained in:
Igor Guastalla de Lima
2018-11-30 08:25:07 -02:00
parent e6e221fe81
commit d062c2c00f
5 changed files with 15 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
css/nes.css
View File

@@ -719,12 +719,16 @@ button,
box-shadow: -4px 0 #212529, 4px 0 #212529, 4px 4px #fff, 0 4px #212529, 8px 4px #212529, 4px 8px #212529, 8px 8px #212529;
}
.table {
background-color: #fff;
}
.table.is-centered th {
text-align: center;
}
.table.is-bordered {
box-shadow: 0 -4px #212529, 0 -8px #fff, 4px 0 #212529, 4px -4px #fff, 8px 0 #fff, 0 4px #212529, 0 8px #fff, -4px 0 #212529, -4px 4px #fff, -8px 0 #fff, -4px -4px #fff, 4px 4px #fff;
box-shadow: 4px 0 #212529, 0 -4px #212529, -4px 0 #212529, 0 4px #212529;
}
.table.is-bordered th,
@@ -733,19 +737,11 @@ button,
}
.table.is-bordered tr th {
box-shadow: 0 -4px #212529, 0 -8px #fff, 0 0 #212529, 4px -4px #fff, 8px 0 #fff, 0 4px #212529, 0 8px #fff, -4px 0 #212529, -4px 4px #fff, -8px 0 #fff, -4px -4px #fff, 4px 4px #fff;
}
.table.is-bordered tr th:last-child {
box-shadow: 0 -4px #212529, 0 -8px #fff, 4px 0 #212529, 4px -4px #fff, 8px 0 #fff, 0 4px #212529, 0 8px #fff, -4px 0 #212529, -4px 4px #fff, -8px 0 #fff, -4px -4px #fff, 4px 4px #fff;
box-shadow: 0 0 #212529, 0 0 #212529, -4px 0 #212529, 0 0 #212529;
}
.table.is-bordered tr td {
box-shadow: 0 4px #212529, 4px 6px #fff, 1px 0 #212529, 4px 4px #fff, 1px 0 #fff, 0 4px #212529, 4px 4px #fff, -4px 0 #212529, -2px 8px #fff, 0 4px #fff, 1px 0 #fff, -4px 4px #fff;
}
.table.is-bordered tr td:last-child {
box-shadow: 0 0 #212529, 0 -8px #fff, 4px 0 #212527, 4px 0 #fff, 8px 0 #fff, 0 4px #212529, 0 -8px #fff, -4px 0 #212529, 0 4px #fff, -4px 0 #fff, 8px 0 #fff, -4px 0 #fff;
box-shadow: 0 0 #212529, 0 -4px #212529, 0 0 #212529, -4px 0 #212529;
}
.input {

2
css/nes.css.map
View File

File diff suppressed because one or more lines are too long

2
css/nes.min.css vendored
View File

File diff suppressed because one or more lines are too long

2
index.html
View File

@@ -135,9 +135,9 @@
<table class="table is-bordered is-centered" style="margin:15px 4px 5px 4px">
<thead>
<tr>
<th>Table</th>
<th>Table.is-bordered</th>
<th>Table.is-centered</th>
<th>Good night</th>
</tr>
</thead>
<tbody>

23
scss/elements/tables.scss
View File

@@ -1,10 +1,11 @@
.table {
background-color: #fff;
&.is-centered th {
text-align: center;
}
&.is-bordered {
box-shadow: 0 -4px #212529, 0 -8px #fff, 4px 0 #212529, 4px -4px #fff, 8px 0 #fff, 0 4px #212529,
0 8px #fff, -4px 0 #212529, -4px 4px #fff, -8px 0 #fff, -4px -4px #fff, 4px 4px #fff;
box-shadow: 4px 0 #212529, 0 -4px #212529, -4px 0 #212529, 0 4px #212529;
th,
td {
@@ -12,25 +13,11 @@
}
tr th {
box-shadow: 0 -4px #212529, 0 -8px #fff, 0 0 #212529, 4px -4px #fff, 8px 0 #fff, 0 4px #212529,
0 8px #fff, -4px 0 #212529, -4px 4px #fff, -8px 0 #fff, -4px -4px #fff, 4px 4px #fff;
}
tr th:last-child {
box-shadow: 0 -4px #212529, 0 -8px #fff, 4px 0 #212529, 4px -4px #fff, 8px 0 #fff,
0 4px #212529, 0 8px #fff, -4px 0 #212529, -4px 4px #fff, -8px 0 #fff, -4px -4px #fff,
4px 4px #fff;
box-shadow: 0 0 #212529, 0 0 #212529, -4px 0 #212529, 0 0 #212529;
}
tr td {
box-shadow: 0 4px #212529, 4px 6px #fff, 1px 0 #212529, 4px 4px #fff, 1px 0 #fff,
0 4px #212529, 4px 4px #fff, -4px 0 #212529, -2px 8px #fff, 0 4px #fff, 1px 0 #fff,
-4px 4px #fff;
}
tr td:last-child {
box-shadow: 0 0 #212529, 0 -8px #fff, 4px 0 #212527, 4px 0 #fff, 8px 0 #fff, 0 4px #212529,
0 -8px #fff, -4px 0 #212529, 0 4px #fff, -4px 0 #fff, 8px 0 #fff, -4px 0 #fff;
box-shadow: 0 0 #212529, 0 -4px #212529, 0 0 #212529, -4px 0 #212529;
}
}
}