- both views
$table-column-padding: 10px; // Padding for and | - desktop view
-$table-head-back-color: #e0e0e0; // Background color for |
+$table-head-back-color: #d3cae8; // Background color for |
$table-head-fore-color: $fore-color; // Tex color for |
-$table-body-back-color: #fafafa; // Background color for |
+$table-body-back-color: #f2edff; // Background color for |
$table-body-fore-color: $fore-color; // Text color for |
$table-mobile-breakpoint: 767px; // Breakpoint for mobile view
-$table-mobile-card-spacing: 10px; // Space between cards - mobile view
+$table-mobile-card-spacing: 12px; // Space between cards - mobile view
$table-mobile-card-label: 'data-label'; // Attribute used to replace column headers
// in mobile view [1]
$table-mobile-label-font-weight:$bold-font-weight; // Font weight for mobile headers
@@ -318,7 +318,7 @@ $table-horizontal-name: 'horizontal'; // Class name for horizo
$table-not-responsive-name: 'preset'; // Class name for non-responsive view
$table-striped-name: 'striped'; // Class name for striped
$table-striped-alt-body-back-color: // Alternate background color for in
- #eeeeee; // striped
+ #ece4ff; // striped
// Notes:
// [1] - The attribute specified in $table-mobile-card-label must be added manually to each and every element in the table
// in order for their mobile headers to display properly.
@@ -326,14 +326,14 @@ $table-striped-alt-body-back-color: // Alternate background color for
$card-name: 'card'; // Class name for cards
$card-back-color: #f2d7d8; // Background color for cards
$card-fore-color: $fore-color; // Text color for cards
-$card-border-style: 1px solid #9e9e9e; // Border style for cards
-$card-border-radius: 0; // Border radius for cards
-$card-margin: 2px 10px 20px; // Margin for cards
+$card-border-style: 1px solid #9b898a; // Border style for cards
+$card-border-radius: 2px; // Border radius for cards
+$card-margin: 4px 10px 22px; // Margin for cards
$card-box-shadow: // Box shadow for cards
0 2px 4px rgba(0,0,0, 0.18), 0 2px 3px rgba(0, 0, 0, 0.26);
$card-section-name: 'section'; // Class name for card sections
-$card-section-border-style: 1px solid #bdbdbd; // Border style for card sections
-$card-section-padding: 6px 8px 6px; // Padding for card sections
+$card-section-border-style: 1px solid #c7b0b1; // Border style for card sections
+$card-section-padding: 8px 10px; // Padding for card sections
$card-section-media-name: 'media'; // Class name for card media sections
$card-section-media-height: 200px; // Height for card media setions
$card-normal-width: 320px; // Width for normal cards
@@ -345,19 +345,19 @@ $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: $fore-color; // Background color for card style 1
-$card-style1-fore-color: #fafafa; // Text color for card style 1
-$card-style1-border-style: 1px solid #424242; // Border style for card style 1
-$card-style1-border-radius: 0; // Border radius for card style 1
+$card-style1-fore-color: #fffddc; // Text color for card style 1
+$card-style1-border-style: 1px solid #190f1a; // Border style for card style 1
+$card-style1-border-radius: 2px; // Border radius for card style 1
$card-style1-section-border-style: // Border style for card style 1 sections
- 1px solid #616161;
-$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
+ 1px solid #493e4b;
+$card-section-style1-name: 'light'; // Class name for card section style 1
+$card-section-style1-back-color:#f6e5e6; // Background color for card section style 1
$card-section-style1-fore-color:$fore-color; // Text color for card section style 1
-$card-section-style2-name: 'darker'; // Class name for card section style 2
-$card-section-style2-back-color:#bdbdbd; // Background color for card section style 2
+$card-section-style2-name: 'lighter'; // Class name for card section style 2
+$card-section-style2-back-color:#fbf4f4; // Background color for card section style 2
$card-section-style2-fore-color:$fore-color; // Text color for card section style 2
$card-section-padding1-name: 'double-padded'; // Class name for card section padding style 1
-$card-section-padding1-padding: 10px 12px 10px; // Padding for card section padding style 1
+$card-section-padding1-padding: 12px 14px; // Padding for card section padding style 1
// Notes:
// [1] - The cards module depends heavily on the grid system module.
// Variables for tabs
@@ -414,7 +414,7 @@ $alert-padding: 12px 16px; // Padding for alerts
$alert-margin: 1px 10px; // Margin for alerts
$alert-box-shadow: // Box shadow for alerts
0 1px 3px rgba(0,0,0, 0.18), 0 1px 2px rgba(0, 0, 0, 0.26);
-$alert-include-animated: true; // Should animated alerts be included?
+$alert-include-animated: false; // Should animated alerts be included?
// (`true`/`false`) [1]
$alert-animated-class: 'animated'; // Class name for animated alerts
$alert-variant1-name: 'urgent'; // Class name for alert variant 1
| |