mirror/mini-css
1
0
Fork 0
mirror of https://github.com/Chalarangelo/mini.css.git synced 2025-08-05 21:37:23 +02:00
Code Issues Releases Wiki Activity

Color changes

Browse Source
This commit is contained in:
Angelos Chalaris
2016-11-22 00:01:32 +02:00
parent 398d46bd1e
commit e99dcae2a9
4 changed files with 10 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
dist/mini-default.css vendored
View File

@@ -788,7 +788,7 @@ table {
background: #fafafa; }
table th {
border-top: 0;
background: #eceff1; }
background: #cfd8dc; }
table th:first-child, table td:first-child {
border-left: 0; }
@@ -996,7 +996,7 @@ table {
height: 26px;
cursor: pointer;
transition: background 0.3s ease 0s;
background: #b0bec5;
background: #cfd8dc;
border: 1px solid #78909c;
padding: 4px 6px; }
.tabs > label:first-of-type {
@@ -1004,7 +1004,7 @@ table {
.tabs > label:last-of-type {
border-top-right-radius: 2px; }
.tabs > label:hover, .tabs > label:active, .tabs > label:focus {
background: rgba(176, 190, 197, 0.75); }
background: rgba(207, 216, 220, 0.75); }
.tabs > [type="radio"], .tabs.stacked > [type="checkbox"] {
display: none;
visibility: hidden; }
@@ -1033,9 +1033,9 @@ table {
.tabs.stacked > [type="checkbox"] + label + div + [type="checkbox"] + label {
border-left: 0; }
.tabs > [type="radio"]:checked + label, .tabs.stacked > [type="checkbox"]:checked + label {
background: #cfd8dc; }
background: #b0bec5; }
.tabs > [type="radio"]:checked + label:hover, .tabs > [type="radio"]:checked + label:active, .tabs > [type="radio"]:checked + label:focus, .tabs.stacked > [type="checkbox"]:checked + label:hover, .tabs.stacked > [type="checkbox"]:checked + label:active, .tabs.stacked > [type="checkbox"]:checked + label:focus {
background: rgba(207, 216, 220, 0.75); }
background: rgba(176, 190, 197, 0.75); }
.tabs > [type="radio"]:checked + label + div, .tabs.stacked > [type="checkbox"]:checked + label + div {
box-sizing: border-box;
position: relative;

2
dist/mini-default.min.css vendored
View File

File diff suppressed because one or more lines are too long

1
docs/v2/DEVLOG.md
View File

@@ -503,3 +503,4 @@
- Heavily edited the `table` module. Desktop view now includes whole ruleset inside the `table` element, so no leaks will happen. Did the same for the responsive part of the module.
- Added support for horizontal and non-responsive tables in the `table` module. Added lots of new variables and rules as needed.
- Tested new `table` module functionality thoroughly. Everything seems to work like a charm, even if the implementation is a little bit fiddly due to flexbox playing some tricks.
- Updated a few colors for consistency.

6
src/flavors/mini-default.scss
View File

@@ -274,7 +274,7 @@ $table-caption-font-size: 1.5em; // Font size for <caption>
$table-caption-margin: 6px 0 12px; // Margin for <caption>
$table-row-padding: 6px; // Padding for <tr> - both views
$table-column-padding: 10px; // Padding for <td> and <th> - desktop view
$table-head-back-color: #eceff1; // Background color for <th>
$table-head-back-color: #cfd8dc; // Background color for <th>
$table-head-fore-color: $fore-color; // Tex color for <th>
$table-body-back-color: #fafafa; // Background color for <td>
$table-body-fore-color: $fore-color; // Text color for <td>
@@ -328,9 +328,9 @@ $card-section-padding1-padding: 12px 16px 12px; // Padding for card sect
$tab-container-name: 'tabs'; // Class name for the tabs' container
$tab-container-box-shadow: // Box shadow for the tabs' container
0 2px 4px rgba(0,0,0, 0.18), 0 2px 3px rgba(0, 0, 0, 0.26);
$tab-label-back-color: #b0bec5; // Background color for tabs' labels
$tab-label-back-color: #cfd8dc; // Background color for tabs' labels
$tab-label-fore-color: $fore-color; // Text color for tabs' labels
$tab-label-selected-back-color: #cfd8dc; // Background color for open tab's label
$tab-label-selected-back-color: #b0bec5; // Background color for open tab's label
$tab-label-selected-fore-color: $fore-color; // Text color for open tab's label
$tab-label-hover-opacity: 0.75; // Opacity of the tab's label on hover
$tab-label-padding: 4px 6px; // Padding for tabs' labels