-
Notifications
You must be signed in to change notification settings - Fork 2
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
New compilation with new table classes
- Loading branch information
Philippe Beck
committed
Mar 24, 2019
1 parent
91ff47b
commit f926286
Showing
8 changed files
with
240 additions
and
16 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,4 +1,4 @@ | ||
/*! animadio v0.2.2 | https://animadio.org | MIT License */ | ||
/*! animadio v0.2.3 | https://animadio.org | MIT License */ | ||
|
||
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ | ||
|
||
|
@@ -2118,6 +2118,118 @@ pre > *::selection { | |
|
||
/********** TABLE **********/ | ||
|
||
/* | ||
1. Table | ||
2. Table Display | ||
3. Table Collapse | ||
4. Table Caption | ||
5. Table Titles | ||
6. Table Global | ||
7. Table Rows | ||
8. Table Cells | ||
*/ | ||
|
||
/***** Table *****/ | ||
[class*="table"] { | ||
--table-bord-collapse: collapse; | ||
--table-bord-space: 10px; | ||
--table-width: 50%; | ||
--table-caption-font-weight: bold; | ||
--table-caption-color: var(--red); | ||
--table-caption-side: top; | ||
--table-title-bg: var(--blue); | ||
--table-title-color: var(--white); | ||
--table-title-font-style: italic; | ||
--table-row-even-bg: var(--yellow); | ||
--table-row-odd-bg: var(--white); | ||
--table-cell-bord-color: black; | ||
--table-cell-bord-radius: 0; | ||
--table-cell-bord-style: solid; | ||
--table-cell-bord-width: thin; | ||
--table-cell-color: var(--navy); | ||
--table-cell-pad: 10px; | ||
--table-cell-text-align: center; | ||
--table-cell-vertical-align: middle; | ||
|
||
display: table; | ||
border-collapse: var(--table-bord-collapse); | ||
border-spacing: var(--table-bord-space); | ||
width: var(--table-width); | ||
} | ||
|
||
/***** Table Display *****/ | ||
[class*="table-"][class*="-inline"] { | ||
display: inline-table; | ||
} | ||
|
||
[class*="table-"][class*="-caption"] { | ||
display: table-caption; | ||
} | ||
|
||
[class*="table-"][class*="-row"] { | ||
display: table-row; | ||
} | ||
|
||
[class*="table-"][class*="-column"] { | ||
display: table-column; | ||
} | ||
|
||
[class*="table-"][class*="-cell"] { | ||
display: table-cell; | ||
} | ||
|
||
/***** Table Collapse *****/ | ||
[class*="table-"][class*="-collapse"] { | ||
border-collapse: collapse; | ||
} | ||
|
||
[class*="table-"][class*="-separate"] { | ||
border-collapse: separate; | ||
} | ||
|
||
/***** Table Caption *****/ | ||
[class*="table"] > caption { | ||
caption-side: var(--table-caption-side); | ||
color: var(--table-caption-color); | ||
font-weight: var(--table-caption-font-weight); | ||
} | ||
|
||
/***** Table Titles *****/ | ||
[class*="table"] thead, | ||
[class*="table"] tbody th, | ||
[class*="table"] tfoot th { | ||
background-color: var(--table-title-bg); | ||
color: var(--table-title-color); | ||
font-style: var(--table-title-font-style); | ||
} | ||
|
||
/***** Table Global *****/ | ||
[class*="table"] th, | ||
[class*="table"] td { | ||
border-style: var(--table-cell-bord-style); | ||
border-width: var(--table-cell-bord-width); | ||
border-color: var(--table-cell-bord-color); | ||
border-radius: var(--table-cell-bord-radius); | ||
padding: var(--table-cell-pad); | ||
text-align: var(--table-cell-text-align); | ||
vertical-align: var(--table-cell-vertical-align); | ||
} | ||
|
||
/***** Table Rows *****/ | ||
[class*="table"] tbody tr:nth-child(even) { | ||
background-color: var(--table-row-even-bg); | ||
} | ||
|
||
[class*="table"] tbody tr:nth-child(odd) { | ||
background-color: var(--table-row-odd-bg); | ||
} | ||
|
||
/***** Table Cells *****/ | ||
[class*="table"] td { | ||
color: var(--table-cell-color); | ||
} | ||
|
||
|
||
/********** FORM **********/ | ||
|
||
/* | ||
|
@@ -2390,4 +2502,4 @@ pre > *::selection { | |
|
||
|
||
/*! Author: Philippe Beck <[email protected]> | ||
Updated: 24th Mar 2019 @ 4:56:41 PM */ | ||
Updated: 24th Mar 2019 @ 9:40:59 PM */ |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,4 +1,4 @@ | ||
/*! animadio v0.2.2 | https://animadio.org | MIT License */ | ||
/*! animadio v0.2.3 | https://animadio.org | MIT License */ | ||
|
||
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ | ||
|
||
|
@@ -3259,4 +3259,4 @@ pre > *::selection { | |
|
||
|
||
/*! Author: Philippe Beck <[email protected]> | ||
Updated: 24th Mar 2019 @ 4:56:41 PM */ | ||
Updated: 24th Mar 2019 @ 9:40:58 PM */ |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,4 +1,4 @@ | ||
/*! animadio v0.2.2 | https://animadio.org | MIT License */ | ||
/*! animadio v0.2.3 | https://animadio.org | MIT License */ | ||
|
||
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ | ||
|
||
|
@@ -7168,4 +7168,4 @@ pre > *::selection { | |
} | ||
|
||
/*! Author: Philippe Beck <[email protected]> | ||
Updated: 24th Mar 2019 @ 4:56:41 PM */ | ||
Updated: 24th Mar 2019 @ 9:40:59 PM */ |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,4 +1,4 @@ | ||
/*! animadio v0.2.2 | https://animadio.org | MIT License */ | ||
/*! animadio v0.2.3 | https://animadio.org | MIT License */ | ||
|
||
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ | ||
|
||
|
@@ -10070,6 +10070,118 @@ pre > *::selection { | |
|
||
/********** TABLE **********/ | ||
|
||
/* | ||
1. Table | ||
2. Table Display | ||
3. Table Collapse | ||
4. Table Caption | ||
5. Table Titles | ||
6. Table Global | ||
7. Table Rows | ||
8. Table Cells | ||
*/ | ||
|
||
/***** Table *****/ | ||
[class*="table"] { | ||
--table-bord-collapse: collapse; | ||
--table-bord-space: 10px; | ||
--table-width: 50%; | ||
--table-caption-font-weight: bold; | ||
--table-caption-color: var(--red); | ||
--table-caption-side: top; | ||
--table-title-bg: var(--blue); | ||
--table-title-color: var(--white); | ||
--table-title-font-style: italic; | ||
--table-row-even-bg: var(--yellow); | ||
--table-row-odd-bg: var(--white); | ||
--table-cell-bord-color: black; | ||
--table-cell-bord-radius: 0; | ||
--table-cell-bord-style: solid; | ||
--table-cell-bord-width: thin; | ||
--table-cell-color: var(--navy); | ||
--table-cell-pad: 10px; | ||
--table-cell-text-align: center; | ||
--table-cell-vertical-align: middle; | ||
|
||
display: table; | ||
border-collapse: var(--table-bord-collapse); | ||
border-spacing: var(--table-bord-space); | ||
width: var(--table-width); | ||
} | ||
|
||
/***** Table Display *****/ | ||
[class*="table-"][class*="-inline"] { | ||
display: inline-table; | ||
} | ||
|
||
[class*="table-"][class*="-caption"] { | ||
display: table-caption; | ||
} | ||
|
||
[class*="table-"][class*="-row"] { | ||
display: table-row; | ||
} | ||
|
||
[class*="table-"][class*="-column"] { | ||
display: table-column; | ||
} | ||
|
||
[class*="table-"][class*="-cell"] { | ||
display: table-cell; | ||
} | ||
|
||
/***** Table Collapse *****/ | ||
[class*="table-"][class*="-collapse"] { | ||
border-collapse: collapse; | ||
} | ||
|
||
[class*="table-"][class*="-separate"] { | ||
border-collapse: separate; | ||
} | ||
|
||
/***** Table Caption *****/ | ||
[class*="table"] > caption { | ||
caption-side: var(--table-caption-side); | ||
color: var(--table-caption-color); | ||
font-weight: var(--table-caption-font-weight); | ||
} | ||
|
||
/***** Table Titles *****/ | ||
[class*="table"] thead, | ||
[class*="table"] tbody th, | ||
[class*="table"] tfoot th { | ||
background-color: var(--table-title-bg); | ||
color: var(--table-title-color); | ||
font-style: var(--table-title-font-style); | ||
} | ||
|
||
/***** Table Global *****/ | ||
[class*="table"] th, | ||
[class*="table"] td { | ||
border-style: var(--table-cell-bord-style); | ||
border-width: var(--table-cell-bord-width); | ||
border-color: var(--table-cell-bord-color); | ||
border-radius: var(--table-cell-bord-radius); | ||
padding: var(--table-cell-pad); | ||
text-align: var(--table-cell-text-align); | ||
vertical-align: var(--table-cell-vertical-align); | ||
} | ||
|
||
/***** Table Rows *****/ | ||
[class*="table"] tbody tr:nth-child(even) { | ||
background-color: var(--table-row-even-bg); | ||
} | ||
|
||
[class*="table"] tbody tr:nth-child(odd) { | ||
background-color: var(--table-row-odd-bg); | ||
} | ||
|
||
/***** Table Cells *****/ | ||
[class*="table"] td { | ||
color: var(--table-cell-color); | ||
} | ||
|
||
|
||
/********** FORM **********/ | ||
|
||
/* | ||
|
@@ -10342,4 +10454,4 @@ pre > *::selection { | |
|
||
|
||
/*! Author: Philippe Beck <[email protected]> | ||
Updated: 24th Mar 2019 @ 4:56:41 PM */ | ||
Updated: 24th Mar 2019 @ 9:40:58 PM */ |
Large diffs are not rendered by default.
Oops, something went wrong.
Large diffs are not rendered by default.
Oops, something went wrong.
Large diffs are not rendered by default.
Oops, something went wrong.
Large diffs are not rendered by default.
Oops, something went wrong.