mirror of
https://github.com/mdbootstrap/mdb-ui-kit.git
synced 2025-11-04 18:07:43 +03:00
there are going to be a lot of variable overrides, breaking them down into a directory/files to find easier
This commit is contained in:
Kevin Ross
parent
ed03a94dd0
commit
bca183dd84
|
|
@ -16,7 +16,7 @@
|
||||||
@import 'navbar';
|
@import 'navbar';
|
||||||
@import 'alerts';
|
@import 'alerts';
|
||||||
@import 'progress';
|
@import 'progress';
|
||||||
@import 'typography';
|
@import 'type';
|
||||||
@import 'tabs';
|
@import 'tabs';
|
||||||
@import 'popups';
|
@import 'popups';
|
||||||
@import 'cards';
|
@import 'cards';
|
||||||
|
|
|
||||||
|
|
@ -5,52 +5,24 @@ $mdb-text-color-light: rgba(255, 255, 255, 0.84) !default; //hsla(0, 0%, 100%, 0
|
||||||
$mdb-text-color-primary: rgba(0, 0, 0, 0.87) !default;
|
$mdb-text-color-primary: rgba(0, 0, 0, 0.87) !default;
|
||||||
$icon-color: rgba(0, 0, 0, 0.5) !default;
|
$icon-color: rgba(0, 0, 0, 0.5) !default;
|
||||||
|
|
||||||
|
|
||||||
|
// redefine ? TODO: do we need this mdb variant?
|
||||||
|
$gray-dark: $mdb-text-color-primary;
|
||||||
|
|
||||||
//---
|
//---
|
||||||
// Customized BS variables
|
// Customized BS variables
|
||||||
//$enable-flex: true;
|
$enable-flex: true;
|
||||||
|
@import 'variables/brand';
|
||||||
// Bootstrap brand color customization
|
|
||||||
$brand-primary: $teal !default;
|
|
||||||
$brand-success: $green !default;
|
|
||||||
$brand-danger: $red !default;
|
|
||||||
$brand-warning: $deep-orange !default;
|
|
||||||
$brand-info: $light-blue !default;
|
|
||||||
|
|
||||||
$border-radius-base: 2px !default;
|
$border-radius-base: 2px !default;
|
||||||
$border-radius-small: 1px !default;
|
$border-radius-small: 1px !default;
|
||||||
|
|
||||||
// Typography
|
@import 'variables/type';
|
||||||
$font-family-sans-serif: 'Roboto', 'Helvetica', 'Arial', sans-serif !default;
|
@import 'variables/body';
|
||||||
$headings-font-weight: 300 !default;
|
@import 'variables/buttons';
|
||||||
|
|
||||||
$body-bg: #EEEEEE !default;
|
|
||||||
|
|
||||||
// Form states and alerts
|
|
||||||
//
|
|
||||||
// Define colors for form feedback states and, by default, alerts.
|
|
||||||
|
|
||||||
$state-success-text: $mdb-text-color-light !default;
|
|
||||||
$state-success-bg: $brand-success !default;
|
|
||||||
//$state-success-border: darken($state-success-bg, 5%) !default;
|
|
||||||
|
|
||||||
$state-info-text: $mdb-text-color-light !default;
|
|
||||||
$state-info-bg: $brand-info !default;
|
|
||||||
//$state-info-border: darken($state-info-bg, 7%) !default;
|
|
||||||
|
|
||||||
$state-warning-text: $mdb-text-color-light !default;
|
|
||||||
$state-warning-bg: $brand-warning !default;
|
|
||||||
//$state-warning-border: darken($state-warning-bg, 5%) !default;
|
|
||||||
|
|
||||||
$state-danger-text: $mdb-text-color-light !default;
|
|
||||||
$state-danger-bg: $brand-danger !default;
|
|
||||||
//$state-danger-border: darken($state-danger-bg, 5%) !default;
|
|
||||||
|
|
||||||
//---
|
//---
|
||||||
|
|
||||||
// Import our customized bootstrap
|
|
||||||
//@import "../../bower_components/bootstrap/scss/variables";
|
|
||||||
//@import "../../bower_components/bootstrap/scss/mixins";
|
|
||||||
|
|
||||||
// Bootstrap Material Design variables start with mdb-
|
// Bootstrap Material Design variables start with mdb-
|
||||||
$mdb-brand-inverse: $indigo !default;
|
$mdb-brand-inverse: $indigo !default;
|
||||||
|
|
||||||
|
|
|
||||||
6
scss/includes/variables/_body.scss
Normal file
6
scss/includes/variables/_body.scss
Normal file
|
|
@ -0,0 +1,6 @@
|
||||||
|
// Body
|
||||||
|
//
|
||||||
|
// Settings for the `<body>` element.
|
||||||
|
|
||||||
|
$body-bg: #EEEEEE !default;
|
||||||
|
//$body-color: $gray-dark !default;
|
||||||
6
scss/includes/variables/_brand.scss
Normal file
6
scss/includes/variables/_brand.scss
Normal file
|
|
@ -0,0 +1,6 @@
|
||||||
|
// Bootstrap brand color customization
|
||||||
|
$brand-primary: $teal !default;
|
||||||
|
$brand-success: $green !default;
|
||||||
|
$brand-danger: $red !default;
|
||||||
|
$brand-warning: $deep-orange !default;
|
||||||
|
$brand-info: $light-blue !default;
|
||||||
45
scss/includes/variables/_buttons.scss
Normal file
45
scss/includes/variables/_buttons.scss
Normal file
|
|
@ -0,0 +1,45 @@
|
||||||
|
// Buttons
|
||||||
|
//
|
||||||
|
// For each of Bootstrap's buttons, define text, background and border color.
|
||||||
|
|
||||||
|
//$btn-padding-x: 1rem !default;
|
||||||
|
//$btn-padding-y: .375rem !default;
|
||||||
|
//$btn-font-weight: normal !default;
|
||||||
|
//
|
||||||
|
//$btn-primary-color: #fff !default;
|
||||||
|
//$btn-primary-bg: $brand-primary !default;
|
||||||
|
//$btn-primary-border: $btn-primary-bg !default;
|
||||||
|
//
|
||||||
|
//$btn-secondary-color: $gray-dark !default;
|
||||||
|
//$btn-secondary-bg: #fff !default;
|
||||||
|
//$btn-secondary-border: #ccc !default;
|
||||||
|
//
|
||||||
|
//$btn-info-color: #fff !default;
|
||||||
|
//$btn-info-bg: $brand-info !default;
|
||||||
|
//$btn-info-border: $btn-info-bg !default;
|
||||||
|
//
|
||||||
|
//$btn-success-color: #fff !default;
|
||||||
|
//$btn-success-bg: $brand-success !default;
|
||||||
|
//$btn-success-border: $btn-success-bg !default;
|
||||||
|
//
|
||||||
|
//$btn-warning-color: #fff !default;
|
||||||
|
//$btn-warning-bg: $brand-warning !default;
|
||||||
|
//$btn-warning-border: $btn-warning-bg !default;
|
||||||
|
//
|
||||||
|
//$btn-danger-color: #fff !default;
|
||||||
|
//$btn-danger-bg: $brand-danger !default;
|
||||||
|
//$btn-danger-border: $btn-danger-bg !default;
|
||||||
|
//
|
||||||
|
//$btn-link-disabled-color: $gray-light !default;
|
||||||
|
//
|
||||||
|
//$btn-padding-x-sm: .75rem !default;
|
||||||
|
//$btn-padding-y-sm: .25rem !default;
|
||||||
|
//
|
||||||
|
//$btn-padding-x-lg: 1.25rem !default;
|
||||||
|
//$btn-padding-y-lg: .75rem !default;
|
||||||
|
//
|
||||||
|
//// Allows for customizing button radius independently from global border radius
|
||||||
|
//$btn-border-radius: $border-radius !default;
|
||||||
|
//$btn-border-radius-lg: $border-radius-lg !default;
|
||||||
|
//$btn-border-radius-sm: $border-radius-sm !default;
|
||||||
|
|
||||||
15
scss/includes/variables/_state.scss
Normal file
15
scss/includes/variables/_state.scss
Normal file
|
|
@ -0,0 +1,15 @@
|
||||||
|
// Form states and alerts
|
||||||
|
//
|
||||||
|
// Define colors for form feedback states and, by default, alerts.
|
||||||
|
$state-success-text: $mdb-text-color-light !default;
|
||||||
|
$state-success-bg: $brand-success !default;
|
||||||
|
|
||||||
|
$state-info-text: $mdb-text-color-light !default;
|
||||||
|
$state-info-bg: $brand-info !default;
|
||||||
|
|
||||||
|
$state-warning-text: $mdb-text-color-light !default;
|
||||||
|
$state-warning-bg: $brand-warning !default;
|
||||||
|
|
||||||
|
$state-danger-text: $mdb-text-color-light !default;
|
||||||
|
$state-danger-bg: $brand-danger !default;
|
||||||
|
|
||||||
3
scss/includes/variables/_type.scss
Normal file
3
scss/includes/variables/_type.scss
Normal file
|
|
@ -0,0 +1,3 @@
|
||||||
|
// Typography
|
||||||
|
$font-family-sans-serif: 'Roboto', 'Helvetica', 'Arial', sans-serif !default;
|
||||||
|
$headings-font-weight: 300 !default;
|
||||||
Loading…
Reference in New Issue
Block a user