mdbootstrap/mdb-ui-kit
1
1
Fork 0
mirror of https://github.com/mdbootstrap/mdb-ui-kit.git synced 2024-11-15 22:27:09 +03:00
Code Issues Packages Projects Releases Wiki Activity
8897b07af9
mdb-ui-kit/scss/variables/bootstrap/_buttons.scss

72 lines
2.8 KiB
SCSS
Raw Normal View History

wip on nav tabs
2015-12-21 22:27:44 +03:00
// Buttons:
$mdb-btn-font-size: .875rem !default; // 14px
$mdb-btn-font-size-lg: 1rem !default;
$mdb-btn-font-size-sm: .75rem !default; // 12px
$mdb-btn-margin-bottom: .3125rem !default; // 5px
// default btn with no specific type designation
$mdb-btn-color: $gray-dark !default;
$mdb-btn-bg: $body-bg !default; // #fff
$mdb-btn-border: #ccc !default;
$mdb-btn-colored-bg-text: $gray-dark !default;
$mdb-btn-hover-bg: rgba(#999, .20) !default; // spec: flat/light bg Hover: 20% #999999
$mdb-btn-disabled: rgba($black, .26) !default; // spec: light theme: Disabled text: 26% $black
$mdb-btn-hover-bg-inverse: rgba(#ccc, .15) !default; // spec: dark bg Hover: 15% #CCCCCC
$mdb-btn-disabled-inverse: rgba($white, .30) !default; // spec: dark theme: Disabled text: 30% $white
$mdb-btn-fab-size: 56px !default;
$mdb-btn-fab-size-mini: 40px !default;
$mdb-btn-fab-font-size: 24px !default;
$mdb-btn-icon-size: 32px !default;
$mdb-btn-icon-size-mini: 24px !default;
there are going to be a lot of variable overrides, breaking them down into a directory/files to find easier
2015-12-04 00:02:00 +03:00
// Buttons
//
// For each of Bootstrap's buttons, define text, background and border color.
checkpoint on button refactoring - need to continue at btn-fab
2015-12-16 23:38:44 +03:00
$btn-padding-x: 1.875rem !default; // 1rem
$btn-padding-y: .5rem !default; // .375rem
$btn-font-weight: 500 !default; // normal
there are going to be a lot of variable overrides, breaking them down into a directory/files to find easier
2015-12-04 00:02:00 +03:00
//
fab and raised now share some behavior for colors/shadows on hover/focus/active, though their baseline shadows are different. Spec is silent on fabs having hover/focus state, but UI is more responsive making them behave more like the raised, and "responsive UI" is a core concept of material design. Colored icons now back to default #fff, much better contrast, looks cleaner.
2015-12-17 19:00:17 +03:00
//$btn-primary-color: #fff !default;
there are going to be a lot of variable overrides, breaking them down into a directory/files to find easier
2015-12-04 00:02:00 +03:00
//$btn-primary-bg: $brand-primary !default;
//$btn-primary-border: $btn-primary-bg !default;
//
checkpoint on button refactoring - need to continue at btn-fab
2015-12-16 23:38:44 +03:00
$btn-secondary-color: $gray-dark !default;
$btn-secondary-bg: $body-bg !default; // #fff
there are going to be a lot of variable overrides, breaking them down into a directory/files to find easier
2015-12-04 00:02:00 +03:00
//$btn-secondary-border: #ccc !default;
//
fab and raised now share some behavior for colors/shadows on hover/focus/active, though their baseline shadows are different. Spec is silent on fabs having hover/focus state, but UI is more responsive making them behave more like the raised, and "responsive UI" is a core concept of material design. Colored icons now back to default #fff, much better contrast, looks cleaner.
2015-12-17 19:00:17 +03:00
//$btn-info-color: #fff !default;
there are going to be a lot of variable overrides, breaking them down into a directory/files to find easier
2015-12-04 00:02:00 +03:00
//$btn-info-bg: $brand-info !default;
//$btn-info-border: $btn-info-bg !default;
//
fab and raised now share some behavior for colors/shadows on hover/focus/active, though their baseline shadows are different. Spec is silent on fabs having hover/focus state, but UI is more responsive making them behave more like the raised, and "responsive UI" is a core concept of material design. Colored icons now back to default #fff, much better contrast, looks cleaner.
2015-12-17 19:00:17 +03:00
//$btn-success-color: #fff !default;
there are going to be a lot of variable overrides, breaking them down into a directory/files to find easier
2015-12-04 00:02:00 +03:00
//$btn-success-bg: $brand-success !default;
//$btn-success-border: $btn-success-bg !default;
//
fab and raised now share some behavior for colors/shadows on hover/focus/active, though their baseline shadows are different. Spec is silent on fabs having hover/focus state, but UI is more responsive making them behave more like the raised, and "responsive UI" is a core concept of material design. Colored icons now back to default #fff, much better contrast, looks cleaner.
2015-12-17 19:00:17 +03:00
//$btn-warning-color: #fff !default;
there are going to be a lot of variable overrides, breaking them down into a directory/files to find easier
2015-12-04 00:02:00 +03:00
//$btn-warning-bg: $brand-warning !default;
//$btn-warning-border: $btn-warning-bg !default;
//
fab and raised now share some behavior for colors/shadows on hover/focus/active, though their baseline shadows are different. Spec is silent on fabs having hover/focus state, but UI is more responsive making them behave more like the raised, and "responsive UI" is a core concept of material design. Colored icons now back to default #fff, much better contrast, looks cleaner.
2015-12-17 19:00:17 +03:00
//$btn-danger-color: #fff !default;
there are going to be a lot of variable overrides, breaking them down into a directory/files to find easier
2015-12-04 00:02:00 +03:00
//$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;
Reference in New Issue Copy Permalink