summaryrefslogtreecommitdiff
path: root/templates/assets/bootstrap-material-design/scss/variables/bootstrap/_buttons.scss
diff options
context:
space:
mode:
Diffstat (limited to 'templates/assets/bootstrap-material-design/scss/variables/bootstrap/_buttons.scss')
-rw-r--r--templates/assets/bootstrap-material-design/scss/variables/bootstrap/_buttons.scss77
1 files changed, 77 insertions, 0 deletions
diff --git a/templates/assets/bootstrap-material-design/scss/variables/bootstrap/_buttons.scss b/templates/assets/bootstrap-material-design/scss/variables/bootstrap/_buttons.scss
new file mode 100644
index 0000000..5823491
--- /dev/null
+++ b/templates/assets/bootstrap-material-design/scss/variables/bootstrap/_buttons.scss
@@ -0,0 +1,77 @@
+// Buttons:
+$bmd-btn-font-size: .875rem !default; // 14px
+$bmd-btn-font-size-lg: 1.25rem !default;
+$bmd-btn-font-size-sm: .8125rem !default; // 13px
+$bmd-btn-margin-bottom: .3125rem !default; // 5px
+
+// default btn with no specific type designation
+$bmd-btn-color: $gray-dark !default;
+$bmd-btn-bg: inherit !default; //$body-bg !default; // #fff
+$bmd-btn-border: #ccc !default;
+
+$bmd-btn-focus-bg: rgba(#999, .20) !default; // spec: bg Hover: 20% #999999
+$bmd-btn-active-bg: rgba(#999, .40) !default; // spec: bg Pressed: 40% #999999
+$bmd-btn-disabled: rgba($black, .26) !default; // spec: light theme: Disabled text: 26% $black
+
+$bmd-inverse-btn-focus-bg: rgba(#ccc, .15) !default; // spec: dark bg Hover: 15% #CCCCCC
+$bmd-inverse-btn-active-bg: rgba(#ccc, .25) !default; // spec: dark Pressed: 25% #CCCCCC
+$bmd-inverse-btn-disabled: rgba($white, .30) !default; // spec: dark theme: Disabled text: 30% $white
+
+$bmd-btn-fab-size: 3.5rem !default; // 56px
+$bmd-btn-fab-size-sm: 2.5rem !default; // 40px
+$bmd-btn-fab-font-size: 1.5rem !default; // 24px
+
+// icons
+$bmd-btn-icon-size: 2rem !default; // 32px
+$bmd-btn-icon-size-sm: (.75 * $bmd-btn-icon-size) !default; // ~24px
+$bmd-btn-icon-font-size-sm: (.75 * $bmd-btn-fab-font-size) !default;
+
+
+// Buttons
+//
+// For each of Bootstrap's buttons, define text, background and border color.
+$btn-padding-x: 1rem !default; // 1rem
+$btn-padding-y: .46875rem !default; // .5rem achieve a 36dp height
+//$btn-line-height: 1 !default; //1.25
+$btn-font-weight: 500 !default; // normal
+$btn-box-shadow: none !default;
+$btn-active-box-shadow: none !default; // inset 0 3px 5px rgba(0,0,0,.125)
+
+//
+//$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: $body-bg !default; // #fff
+//$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: .5rem !default;
+$btn-padding-y-sm: .40625rem !default; // achieve a 32dp height was .25rem
+//
+//$btn-padding-x-lg: 1.5rem !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;
+