mirror/mini-css
1
0
Fork 0
mirror of https://github.com/Chalarangelo/mini.css.git synced 2025-03-14 01:09:38 +01:00
Code Issues Releases Wiki Activity

Flavor updates for new card styles

Browse Source 
Updated both flavors to utilize the latest card styles
This commit is contained in:
Angelos Chalaris 2017-05-10 23:52:45 +03:00
parent bbe375ef3d
commit 5db203b909
6 changed files with 43 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
dist/mini-dark.css vendored
View File

@ -1450,17 +1450,31 @@ table.striped tr:nth-of-type(2n) > td {
width: auto;
}
.card.inverse {
background: #ebecec;
color: #0c0c0c;
border: 1px solid #424242;
.card.warning {
background: #fff176;
color: #232e33;
border: 1px solid #d1c661;
}
.card.inverse > .section {
border-bottom: 1px solid #424242;
.card.warning > .section {
border-bottom: 1px solid #d1c661;
}
.card.inverse > .section:last-child {
.card.warning > .section:last-child {
border-bottom: 0;
}
.card.error {
background: #b71c1c;
color: #fafafa;
border: 1px solid #a71a1a;
}
.card.error > .section {
border-bottom: 1px solid #a71a1a;
}
.card.error > .section:last-child {
border-bottom: 0;
}

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

File diff suppressed because one or more lines are too long

2
docs/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

@ -1118,3 +1118,4 @@
- Updated `quick_reference` for said changes to `card` module.
- Created new codepens for the `quick_reference` page for changes in the `card` module.
- Forked old codepens that used `.nano` and `.shadow-...` classes, updated links in `quick_reference` for all of them now.
- Updated both `mini-default` and `mini-dark` to use the latest classes built in the `card` module with proper colors.

18
src/flavors/mini-dark.scss
View File

@ -339,12 +339,18 @@ $card-size2-name: 'small'; // Class name for small cards
$card-size2-width: 240px; // Width for small cards
$card-size3-name: 'fluid'; // Class name for fluid cards
$card-size3-width: 100%; // Width for fluid cards
$card-style1-name: 'inverse'; // Class name for card style 1
$card-style1-back-color: #ebecec; // Background color for card style 1
$card-style1-fore-color: #0c0c0c; // Text color for card style 1
$card-style1-border-style: 1px solid #424242; // Border style for card style 1
$card-style1-name: 'warning'; // Class name for card style 1
$card-style1-back-color: #fff176; // Background color for card style 1
$card-style1-fore-color: $back-color; // Text color for card style 1
$card-style1-border-style: 1px solid #d1c661; // Border style for card style 1
$card-style1-border-radius: 0; // Border radius for card style 1
$card-style1-section-border-style:1px solid #424242;// Border style for card style 1 sections
$card-style1-section-border-style:1px solid #d1c661;// Border style for card style 1 sections
$card-style2-name: 'error'; // Class name for card style 2
$card-style2-back-color: #b71c1c; // Background color for card style 2
$card-style2-fore-color: #fafafa; // Text color for card style 2
$card-style2-border-style: 1px solid #a71a1a; // Border style for card style 2
$card-style2-border-radius: 0; // Border radius for card style 2
$card-style2-section-border-style:1px solid #a71a1a;// Border style for card style 2 sections
$card-section-style1-name: 'dark'; // Class name for card section style 1
$card-section-style1-back-color: #1d262a; // Background color for card section style 1
$card-section-style1-fore-color: $fore-color; // Text color for card section style 1
@ -538,6 +544,8 @@ $include-center-block-name: false; // Should center block be included? (
@include make-card-alt-size ($card-size3-name, $card-size3-width);
@include make-card-alt-color ($card-style1-name, $card-style1-back-color, $card-style1-fore-color,
$card-style1-border-style, $card-style1-border-radius, $card-style1-section-border-style);
@include make-card-alt-color ($card-style2-name, $card-style2-back-color, $card-style2-fore-color,
$card-style2-border-style, $card-style2-border-radius, $card-style2-section-border-style);
@include make-card-section-alt-color ($card-section-style1-name, $card-section-style1-back-color,
$card-section-style1-fore-color);
@include make-card-section-alt-color ($card-section-style2-name, $card-section-style2-back-color,

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

@ -345,12 +345,12 @@ $card-style1-fore-color: $fore-color; // Text color for card style 1
$card-style1-border-style: 1px solid #e8b825; // Border style for card style 1
$card-style1-border-radius: 0; // Border radius for card style 1
$card-style1-section-border-style:1px solid #e8b825;// Border style for card style 1 sections
$card-style2-name: 'error'; // Class name for card style 1
$card-style2-back-color: #b71c1c; // Background color for card style 1
$card-style2-fore-color: #fafafa; // Text color for card style 1
$card-style2-border-style: 1px solid #a71a1a; // Border style for card style 1
$card-style2-border-radius: 0; // Border radius for card style 1
$card-style2-section-border-style:1px solid #a71a1a;// Border style for card style 1 sections
$card-style2-name: 'error'; // Class name for card style 2
$card-style2-back-color: #b71c1c; // Background color for card style 2
$card-style2-fore-color: #fafafa; // Text color for card style 2
$card-style2-border-style: 1px solid #a71a1a; // Border style for card style 2
$card-style2-border-radius: 0; // Border radius for card style 2
$card-style2-section-border-style:1px solid #a71a1a;// Border style for card style 2 sections
$card-section-style1-name: 'dark'; // Class name for card section style 1
$card-section-style1-back-color: #e0e0e0; // Background color for card section style 1
$card-section-style1-fore-color: $fore-color; // Text color for card section style 1