Font weight for headings (400 is normal, 700 is bold)
@@ -205,12 +205,12 @@ module.exports = {
-
+
Width of small cards, in pixels
-
+
Width of large cards, in pixels
@@ -438,14 +438,14 @@ module.exports = {
-
-
+
+
Background color for inverse button variant
-
-
+
+
Background color for inverse button variant on hover
@@ -639,7 +639,7 @@ module.exports = {
-
+
Font weight for tables' mobile card labels (400 is normal, 700 is bold)
@@ -751,8 +751,8 @@ module.exports = {
-
-
+
+
Background color for toasts
@@ -1366,8 +1366,8 @@ module.exports = {
flavorFile +='// structured like the flavor description below, will be included in your final CSS file.\\n';
flavorFile +='/*\\n';
flavorFile +=' Flavor name: Custom (mini-custom)\\n';
- flavorFile +=' Author: Undefined \\n';
- flavorFile +=' mini.css version: v3.0.0\\n';
+ flavorFile +=' Generated online - https://minicss.org/flavors\\n';
+ flavorFile +=' mini.css version: ${version}\\n';
flavorFile +='*/\\n';
flavorFile +='$base-root-font-size: '+flavorData.core.baseRootFontSize+'px; // Root font sizing for all elements (\`px\` only)\\n';
flavorFile +='$base-line-height: '+flavorData.core.baseLineHeight+'; // Line height for most elements\\n';
@@ -1416,6 +1416,9 @@ module.exports = {
flavorFile +='\\n';
flavorFile +='@import \\'../mini/layout\\';\\n';
flavorFile +='\\n';
+ flavorFile +='/*\\n';
+ flavorFile +=' Custom elements for card elements.\\n';
+ flavorFile +='*/\\n';
flavorFile +='$card-small-name: \\'small\\'; // Class name for small cards.\\n';
flavorFile +='$card-small-width: '+flavorData.layout.cardSmallWidth+'px; // Width for small cards.\\n';
flavorFile +='@include make-card-alt-size ($card-small-name, $card-small-width);\\n';
@@ -1467,8 +1470,11 @@ module.exports = {
flavorFile +='$button-hover-border-color: '+flavorData.inputControl.buttonHoverBorderColor+'; // Border color for buttons (hover).\\n';
flavorFile +='$button-group-border-color: '+flavorData.inputControl.buttonGroupBorderColor+'; // Border color for button groups.\\n';
flavorFile +='\\n';
- flavorFile +='@import \\'../mini/inputControl\\';\\n';
+ flavorFile +='@import \\'../mini/input_control\\';\\n';
flavorFile +='\\n';
+ flavorFile +='/*\\n';
+ flavorFile +=' Custom elements for forms and input elements.\\n';
+ flavorFile +='*/\\n';
flavorFile +='$button-primary-name: \\'primary\\'; // Class name for primary button color variant.\\n';
flavorFile +='$button-primary-back-color: '+flavorData.inputControl.buttonPrimaryBackColor+';// Background color for primary button color variant.\\n';
flavorFile +='$button-primary-hover-back-color: '+flavorData.inputControl.buttonPrimaryHoverBackColor+';// Background color for primary button color variant (hover).\\n';
@@ -1514,7 +1520,7 @@ module.exports = {
flavorFile +='$nav-hover-back-color: '+flavorData.navigation.navHoverBackColor+'; // Background color for the nav element (hover).\\n';
flavorFile +='$nav-fore-color: '+flavorData.navigation.navForeColor+'; // Text color for the nav element.\\n';
flavorFile +='$nav-border-color: '+flavorData.navigation.navBorderColor+'; // Border color for the nav element.\\n';
- flavorFile +='$nav-link-color: '+flavorData.navigation.navLinkColor+'; / Color for link in the nav element.\\n';
+ flavorFile +='$nav-link-color: '+flavorData.navigation.navLinkColor+'; // Color for link in the nav element.\\n';
flavorFile +='$footer-fore-color: '+flavorData.navigation.footerForeColor+'; // Text color for the footer element.\\n';
flavorFile +='$footer-back-color: '+flavorData.navigation.footerBackColor+'; // Background color for footer nav element.\\n';
flavorFile +='$footer-border-color: '+flavorData.navigation.footerBorderColor+'; // Border color for the footer element.\\n';
@@ -1564,8 +1570,8 @@ module.exports = {
flavorFile +='$modal-overlay-color: '+flavorData.contextual.modalOverlayColor+'; // Overlay color for modal dialog component\\n';
flavorFile +='$modal-close-color: '+flavorData.contextual.modalCloseColor+'; // Text color for the close button of the modal dialog component\\n';
flavorFile +='$modal-close-hover-back-color: '+flavorData.contextual.modalCloseHoverBackColor+'; // Background color for the close button of the modal dialog component (on hover/focus)\\n';
- flavorFile +='$modal-close-size: '+flavorData.contextual.modalCloseSize+'; // Font size for the close button of the modal dialog component\\n';
- flavorFile +='$collapse-label-height: '+flavorData.contextual.collapseLabelHeight+'; // Height for the labels in the collapse component\\n';
+ flavorFile +='$modal-close-size: '+flavorData.contextual.modalCloseSize+'rem; // Font size for the close button of the modal dialog component\\n';
+ flavorFile +='$collapse-label-height: '+flavorData.contextual.collapseLabelHeight+'rem; // Height for the labels in the collapse component\\n';
flavorFile +='$collapse-content-max-height: '+flavorData.contextual.collapseContentMaxHeight+'px; // Max height for the content panes in the collapse component\\n';
flavorFile +='$collapse-label-back-color: '+flavorData.contextual.collapseLabelBackColor+'; // Background color for labels in the collapse component\\n';
flavorFile +='$collapse-label-fore-color: '+flavorData.contextual.collapseLabelForeColor+'; // Text color for labels in the collapse component\\n';
@@ -1576,6 +1582,10 @@ module.exports = {
flavorFile +='$collapse-content-back-color: '+flavorData.contextual.collapseContentBackColor+'; // Background color for collapse component\\'s content panes\\n';
flavorFile +='\\n';
flavorFile +='@import \\'../mini/contextual\\';\\n';
+ flavorFile +='\\n';
+ flavorFile +='/*\\n';
+ flavorFile +=' Custom elements for contextual background elements, toasts and tooltips.\\n';
+ flavorFile +='*/\\n';
flavorFile +='$mark-secondary-name: \\'secondary\\'; // Class name for secondary color variant.\\n';
flavorFile +='$mark-secondary-back-color: '+flavorData.contextual.markSecondaryBackColor+'; // Background color for secondary color variant.\\n';
flavorFile +='@include make-mark-alt-color ($mark-secondary-name, $mark-secondary-back-color);\\n';
@@ -1592,7 +1602,7 @@ module.exports = {
}
if(flavorData.progress.enabled){
flavorFile +='$progress-back-color: '+flavorData.progress.progressBackColor+'; // Background color of