diff options
| author | schneefux <schneefux+commit@schneefux.xyz> | 2017-03-25 13:13:57 +0100 |
|---|---|---|
| committer | schneefux <schneefux+commit@schneefux.xyz> | 2017-03-25 13:13:57 +0100 |
| commit | d25ff2bddd44b9dac1ceb248424109d1782dd211 (patch) | |
| tree | 34fcfd824a1a72e7b4d431b688adcea532b62180 /minionlivesmatter/templates/assets/bootstrap-material-design/scss/mixins | |
| parent | a2cbdd1b88ac723e5e441c0a3c22636f0a8c4dfd (diff) | |
| download | meta-d25ff2bddd44b9dac1ceb248424109d1782dd211.tar.gz meta-d25ff2bddd44b9dac1ceb248424109d1782dd211.zip | |
add minionlivesmatter as submodule
Diffstat (limited to 'minionlivesmatter/templates/assets/bootstrap-material-design/scss/mixins')
10 files changed, 0 insertions, 888 deletions
diff --git a/minionlivesmatter/templates/assets/bootstrap-material-design/scss/mixins/_animations.scss b/minionlivesmatter/templates/assets/bootstrap-material-design/scss/mixins/_animations.scss deleted file mode 100644 index d382165..0000000 --- a/minionlivesmatter/templates/assets/bootstrap-material-design/scss/mixins/_animations.scss +++ /dev/null @@ -1,21 +0,0 @@ -// Animations (from mdl http://www.getmdl.io/) - -@mixin material-animation-fast-out-slow-in($duration:0.2s) { - transition-duration: $duration; - transition-timing-function: $bmd-animation-curve-fast-out-slow-in; -} - -@mixin material-animation-linear-out-slow-in($duration:0.2s) { - transition-duration: $duration; - transition-timing-function: $bmd-animation-curve-linear-out-slow-in; -} - -@mixin material-animation-fast-out-linear-in($duration:0.2s) { - transition-duration: $duration; - transition-timing-function: $bmd-animation-curve-fast-out-linear-in; -} - -@mixin material-animation-default($duration:0.2s) { - transition-duration: $duration; - transition-timing-function: $bmd-animation-curve-default; -} diff --git a/minionlivesmatter/templates/assets/bootstrap-material-design/scss/mixins/_breakpoints.scss b/minionlivesmatter/templates/assets/bootstrap-material-design/scss/mixins/_breakpoints.scss deleted file mode 100644 index 441435a..0000000 --- a/minionlivesmatter/templates/assets/bootstrap-material-design/scss/mixins/_breakpoints.scss +++ /dev/null @@ -1,34 +0,0 @@ -//// case where behavior is responsive, or with a marker class -//@mixin media-breakpoint-down-or($breakpoint, $name) { -// #{unquote($name)} { -// @content -// } -// -// @include media-breakpoint-down($breakpoint) { -// @content -// } -//} -// -//// case where behavior is responsive, or with a marker class -//@mixin media-breakpoint-up-or($breakpoint, $name) { -// #{unquote($name)} { -// @content -// } -// -// @include media-breakpoint-up($breakpoint) { -// @content -// } -//} -// -//// Name of the previous breakpoint, or null -//// -//// >> breakpoint-next(sm) -//// xs -//// >> breakpoint-next(sm, (xs: 0, sm: 544px, md: 768px)) -//// xs -//// >> breakpoint-next(sm, $breakpoint-names: (xs sm md)) -//// xs -//@function breakpoint-previous($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) { -// $n: index($breakpoint-names, $name); -// @return if($n > 1, nth($breakpoint-names, $n - 1), null); -//} diff --git a/minionlivesmatter/templates/assets/bootstrap-material-design/scss/mixins/_buttons.scss b/minionlivesmatter/templates/assets/bootstrap-material-design/scss/mixins/_buttons.scss deleted file mode 100644 index 9d849f1..0000000 --- a/minionlivesmatter/templates/assets/bootstrap-material-design/scss/mixins/_buttons.scss +++ /dev/null @@ -1,218 +0,0 @@ -// from bs mixins/buttons button-variant -@mixin bmd-button-variant($color, $background, $focus-background, $active-background, $border, $focus-border, $active-border) { - color: $color; - background-color: $background; - border-color: $border; - - @include hover { - color: $color; - background-color: $focus-background; - border-color: $focus-border; - } - - &:focus, - &.focus { - color: $color; - background-color: $focus-background; - border-color: $focus-border; - } - - &:active, - &.active, - .open > &.dropdown-toggle { - color: $color; - background-color: $focus-background; - border-color: $focus-border; - - &:hover, - &:focus, - &.focus { - color: $color; - background-color: $active-background; - border-color: $active-border; - } - } - - // when it is an icon, kill the active bg on open dropdown, but stabilize on hover - .open > &.dropdown-toggle.bmd-btn-icon { - color: inherit; - background-color: $background; - - // leave hover on with the lighter focus color - &:hover { - background-color: $focus-background; - } - } - - &.disabled, - &:disabled { - &:focus, - &.focus { - background-color: $background; - border-color: $border; - } - @include hover { - background-color: $background; - border-color: $border; - } - } -} - -@mixin bmd-flat-button-variant( - $color, - $border: $bmd-btn-border, - $focus-border: $bmd-btn-focus-bg, - $active-border: $bmd-btn-active-bg -) { - - $background: $bmd-btn-bg; - $focus-background: $bmd-btn-focus-bg; - $active-background: $bmd-btn-active-bg; - - @include bmd-button-variant($color, - $background, - $focus-background, - $active-background, - $border, - $focus-border, - $active-border); - - // inverse color scheme - .bg-inverse & { - $focus-background: $bmd-inverse-btn-focus-bg; - $focus-border: $bmd-inverse-btn-focus-bg; - - $active-background: $bmd-inverse-btn-active-bg; - $active-border: $bmd-inverse-btn-active-bg; - - @include bmd-button-variant($color, - $background, - $focus-background, - $active-background, - $border, - $focus-border, - $active-border); - } - - // reverse the above for links - &.btn-link { - background-color: transparent; - } -} - -@mixin bmd-flat-button-color() { - - @include bmd-flat-button-variant($bmd-btn-color); - - // flat bg with text color variations - &.btn-primary { - @include bmd-flat-button-variant($btn-primary-bg); - } - &.btn-secondary { - @include bmd-flat-button-variant($btn-secondary-color); - } - &.btn-info { - @include bmd-flat-button-variant($btn-info-bg); - } - &.btn-success { - @include bmd-flat-button-variant($btn-success-bg); - } - &.btn-warning { - @include bmd-flat-button-variant($btn-warning-bg); - } - &.btn-danger { - @include bmd-flat-button-variant($btn-danger-bg); - } -} - -@mixin bmd-outline-button-color() { - &.btn-outline, - &.btn-outline-primary, - &.btn-outline-secondary, - &.btn-outline-info, - &.btn-outline-success, - &.btn-outline-warning, - &.btn-outline-danger { - border-color: currentColor; - border-style: solid; - border-width: 1px; - } - - // flat bg with text and border color variations - &.btn-outline { - @include bmd-flat-button-variant($bmd-btn-color, $bmd-btn-color, $bmd-btn-color, $bmd-btn-color); - } - &.btn-outline-primary { - @include bmd-flat-button-variant($btn-primary-bg, $btn-primary-bg, $btn-primary-bg, $btn-primary-bg); - } - &.btn-outline-secondary { - @include bmd-flat-button-variant($btn-secondary-color, $btn-secondary-color, $btn-secondary-color, $btn-secondary-color); - } - &.btn-outline-info { - @include bmd-flat-button-variant($btn-info-bg, $btn-info-bg, $btn-info-bg, $btn-info-bg); - } - &.btn-outline-success { - @include bmd-flat-button-variant($btn-success-bg, $btn-success-bg, $btn-success-bg, $btn-success-bg); - } - &.btn-outline-warning { - @include bmd-flat-button-variant($btn-warning-bg, $btn-warning-bg, $btn-warning-bg, $btn-warning-bg); - } - &.btn-outline-danger { - @include bmd-flat-button-variant($btn-danger-bg, $btn-danger-bg, $btn-danger-bg, $btn-danger-bg); - } -} - -@mixin bmd-raised-button-variant($color, $background, $border) { - - // FIXME: SPEC - this should be the 600 color, how can we get that programmatically if at all? Or are we limited to the color palette only? - $focus-background: contrast-color($background, darken($background, 4%), lighten($background, 4%)); - //$focus-background: darken($background, 10%); // default bootstrap - $focus-border: darken($border, 12%); - - $active-background: $focus-background; - //$active-background: darken($background, 17%); - $active-border: darken($border, 25%); - - @include bmd-button-variant($color, - $background, - $focus-background, - $active-background, - $border, - $focus-border, - $active-border); -} - -@mixin bmd-raised-button-color() { - - &.btn-primary { - @include bmd-raised-button-variant($btn-primary-color, $btn-primary-bg, $btn-primary-border); - } - &.btn-secondary { - @include bmd-raised-button-variant($btn-secondary-color, $btn-secondary-bg, $btn-secondary-border); - } - &.btn-info { - @include bmd-raised-button-variant($btn-info-color, $btn-info-bg, $btn-info-border); - } - &.btn-success { - @include bmd-raised-button-variant($btn-success-color, $btn-success-bg, $btn-success-border); - } - &.btn-warning { - @include bmd-raised-button-variant($btn-warning-color, $btn-warning-bg, $btn-warning-border); - } - &.btn-danger { - @include bmd-raised-button-variant($btn-danger-color, $btn-danger-bg, $btn-danger-border); - } -} - -@mixin undo-bs-tab-focus() { - // clear out the tab-focus() from BS - &, - &:active, - &.active { - &:focus, - &.focus { - //@include tab-focus(); - outline: 0; - } - } -} diff --git a/minionlivesmatter/templates/assets/bootstrap-material-design/scss/mixins/_drawer.scss b/minionlivesmatter/templates/assets/bootstrap-material-design/scss/mixins/_drawer.scss deleted file mode 100644 index 21c49da..0000000 --- a/minionlivesmatter/templates/assets/bootstrap-material-design/scss/mixins/_drawer.scss +++ /dev/null @@ -1,237 +0,0 @@ -// Mixins to allow creation of additional custom drawer sizes when using the defaults at the same time - -@mixin bmd-drawer-x-out($size) { - @each $side, $abbrev in (left: l, right: r) { - &.bmd-drawer-f-#{$abbrev} { - > .bmd-layout-drawer { - // position - top: 0; - #{$side}: 0; - - width: $size; - height: 100%; - - @if $side == left { - transform: translateX(-$size - 10px); // initial position of drawer (closed), way off screen - } @else { - transform: translateX($size + 10px); // initial position of drawer (closed), way off screen - } - } - - > .bmd-layout-header, - > .bmd-layout-content { - margin-#{$side}: 0; - } - } - } -} - -@mixin bmd-drawer-y-out($size) { - @each $side, $abbrev in (top: t, bottom: b) { - &.bmd-drawer-f-#{$abbrev} { - > .bmd-layout-drawer { - // position - #{$side}: 0; - left: 0; - - width: 100%; - height: $size; - - @if $side == top { - transform: translateY(-$size - 10px); // initial position of drawer (closed), way off screen - } @else { - transform: translateY($size + 10px); // initial position of drawer (closed), way off screen - } - } - - > .bmd-layout-content { - margin-#{$side}: 0; - } - } - } -} - -@function bmd-drawer-breakpoint-name($breakpoint, $suffix: "") { - // e.g. &, &-sm, &-md, &-lg - $name: "&-#{$breakpoint}#{$suffix}"; - @if $breakpoint == xs { - $name: "&"; - } - @return $name; -} - -@mixin bmd-drawer-x-in($size) { - @each $side, $abbrev in (left: l, right: r) { - &.bmd-drawer-f-#{$abbrev} { - // Push - drawer will push the header and content (default behavior) - > .bmd-layout-header { - width: calc(100% - #{$size}); - margin-#{$side}: $size; - } - - > .bmd-layout-drawer { - transform: translateX(0); - } - - > .bmd-layout-content { - margin-#{$side}: $size; - } - } - } -} - -@mixin bmd-drawer-y-in($size) { - @each $side, $abbrev in (top: t, bottom: b) { - &.bmd-drawer-f-#{$abbrev} { - - // 1. Push - drawer will push the header or content - > .bmd-layout-header { - @if $side == top { // only add margin-top on a header when the drawer is at the top - margin-#{$side}: $size; - } - } - - > .bmd-layout-drawer { - transform: translateY(0); - } - - > .bmd-layout-content { - @if $side == bottom { // only add margin-bottom on content when the drawer is at the bottom - margin-#{$side}: $size; - } - } - } - } -} - -// breakpoint based open to a particular size -@mixin bmd-drawer-x-in-up($size, $breakpoint) { - // e.g. &, &-sm, &-md, &-lg - $name: bmd-drawer-breakpoint-name($breakpoint, "-up"); - - &.bmd-drawer-in { - #{unquote($name)} { // bmd-drawer-in, bmd-drawer-in-sm, bmd-drawer-in-md, bmd-drawer-in-lg - - @if $breakpoint == xs { - // bmd-drawer-in marker class (non-responsive) - @include bmd-drawer-x-in($size); - } @else { - - // responsive class - @include media-breakpoint-up($breakpoint) { - // bmd-drawer-f-(left and right) styles - @include bmd-drawer-x-in($size); - } - } - } - } -} - -// breakpoint based open to a particular size -@mixin bmd-drawer-y-in-up($size, $breakpoint) { - // e.g. &, &-sm, &-md, &-lg - $name: bmd-drawer-breakpoint-name($breakpoint, "-up"); - - &.bmd-drawer-in { - #{unquote($name)} { // bmd-drawer-in, bmd-drawer-in-sm, bmd-drawer-in-md, bmd-drawer-in-lg - - @if $breakpoint == xs { - // bmd-drawer-in marker class (non-responsive) - @include bmd-drawer-y-in($size); - } @else { - - // responsive class - @include media-breakpoint-up($breakpoint) { - // bmd-drawer-f-(left and right) styles - @include bmd-drawer-y-in($size); - } - } - } - } -} - -@mixin bmd-drawer-x-overlay() { - @include bmd-layout-backdrop-in(); - - @each $side, $abbrev in (left: l, right: r) { - &.bmd-drawer-f-#{$abbrev} { - > .bmd-layout-header, - > .bmd-layout-content { - width: 100%; - margin-#{$side}: 0; - } - } - } -} - -@mixin bmd-drawer-y-overlay() { - @include bmd-layout-backdrop-in(); - - @each $side, $abbrev in (top: t, bottom: b) { - &.bmd-drawer-f-#{$abbrev} { - > .bmd-layout-header { - @if $side == top { // only add margin-top on a header when the drawer is at the top - margin-#{$side}: 0; - } - } - - > .bmd-layout-content { - @if $side == bottom { // only add margin-bottom on content when the drawer is at the bottom - margin-#{$side}: 0; - } - } - } - } -} - -// Overlay - left/right responsive overlay classes and marker class -@mixin bmd-drawer-x-overlay-down($breakpoint) { - // e.g. &, &-sm, &-md, &-lg - $name: bmd-drawer-breakpoint-name($breakpoint, "-down"); - - &.bmd-drawer-overlay { - #{unquote($name)} { // bmd-drawer-overlay, bmd-drawer-overlay-sm, bmd-drawer-overlay-md, bmd-drawer-overlay-lg - - // x - left/right - - @if $breakpoint == xs { // overlay marker class (non-responsive) - - // Must double up on the .bmd-drawer-overlay class to increase specificity otherwise the - // responsive bmd-drawer-in-* media queries above win (and overlay is ignored) - &.bmd-drawer-overlay { - @include bmd-drawer-x-overlay(); - } - } @else { - @include media-breakpoint-down($breakpoint) { // overlay responsive class - @include bmd-drawer-x-overlay(); - } - } - } - } -} - -// Overlay - top/bottom responsive overlay classes and marker class -@mixin bmd-drawer-y-overlay-down($breakpoint) { - // e.g. &, &-sm, &-md, &-lg - $name: bmd-drawer-breakpoint-name($breakpoint, "-down"); - - &.bmd-drawer-overlay { - #{unquote($name)} { // bmd-drawer-overlay, bmd-drawer-overlay-sm, bmd-drawer-overlay-md, bmd-drawer-overlay-lg - //// y - top/bottom - - @if $breakpoint == xs { // overlay marker class (non-responsive) - - // Must double up on the .bmd-drawer-overlay class to increase specificity otherwise the - // responsive bmd-drawer-in-* media queries above win (and overlay is ignored) - &.bmd-drawer-overlay { - @include bmd-drawer-y-overlay(); - } - } @else { - @include media-breakpoint-down($breakpoint) { // overlay responsive class - @include bmd-drawer-y-overlay(); - } - } - } - } -} - diff --git a/minionlivesmatter/templates/assets/bootstrap-material-design/scss/mixins/_forms.scss b/minionlivesmatter/templates/assets/bootstrap-material-design/scss/mixins/_forms.scss deleted file mode 100644 index bdb79bc..0000000 --- a/minionlivesmatter/templates/assets/bootstrap-material-design/scss/mixins/_forms.scss +++ /dev/null @@ -1,283 +0,0 @@ -@mixin bmd-disabled() { - fieldset[disabled][disabled] &, - &.disabled, - &:disabled, - &[disabled] { - @content - } -} - -@mixin bmd-selection-color() { - .radio label, - .radio-inline, - .checkbox label, - .checkbox-inline, - .switch label { - - // override bootstrap focus and keep all the standard color (could be multiple radios in the form group) - //color: $bmd-label-color; - - &, - .is-focused & { - // form-group focus could change multiple checkboxes/radios, disable that change by using the same color as non-form-group is-focused - color: $bmd-label-color; - - // on focus just darken the specific labels, do not turn them to the brand-primary - @include hover-focus-active() { - //&:hover, - //&:focus { - color: $bmd-label-color-inner-focus; - } - - // correct the above focus color for disabled items - label:has(input[type=radio][disabled]), // css 4 which is unlikely to work for a while, but no other pure css way. - label:has(input[type=checkbox][disabled]), // css 4 - fieldset[disabled] & { - &, - &:hover, - &:focus { - color: $bmd-label-color; - } - } - } - } - - // Style for disabled inputs OLD, use color approach with opacity built in, see radios - //fieldset[disabled] &, - //fieldset[disabled] & input[type=checkbox], - //input[type=checkbox][disabled]:not(:checked) ~ .checkbox-decorator .check::before, - //input[type=checkbox][disabled]:not(:checked) ~ .checkbox-decorator .check, - //input[type=checkbox][disabled] + .bmd-radio-outer-circle { - // opacity: 0.5; - //} -} - -@mixin bmd-radio-color($color) { - - ~ .bmd-radio-inner-circle { - background-color: $color; - } - - ~ .bmd-radio-outer-circle { - border-color: $color; - } -} - -@mixin bmd-form-color($label-color, $label-color-focus, $border-color) { - - [class^='bmd-label'], - [class*=' bmd-label'] { - color: $label-color; - } - - // override BS and keep the border-color normal/grey so that overlaid focus animation draws attention - .form-control { - - // underline animation color on focus - $underline-background-image: linear-gradient(to top, $label-color-focus 2px, fade-out($label-color-focus, 1) 2px), linear-gradient(to top, $input-border-color 1px, fade-out($input-border-color, 1) 1px); - $underline-background-image-invalid: linear-gradient(to top, $bmd-invalid-underline 2px, fade-out($bmd-invalid-underline, 1) 2px), linear-gradient(to top, $input-border-color 1px, fade-out($input-border-color, 1) 1px); - $underline-background-image-readonly: linear-gradient(to top, $bmd-readonly-underline 1px, fade-out($bmd-readonly-underline, 1) 1px), linear-gradient(to top, $input-border-color 1px, fade-out($input-border-color, 1) 1px); - $underline-background-image-disabled: linear-gradient(to right, $input-border-color 0%, $input-border-color 30%, transparent 30%, transparent 100%); - - // bg image is always there, we just need to reveal it - &, - .is-focused & { - background-image: $underline-background-image; - } - - &:invalid { - background-image: $underline-background-image-invalid; - } - - &:read-only { - background-image: $underline-background-image-readonly; - } - - @include bmd-disabled() { - background-image: $underline-background-image-disabled; - background-repeat: repeat-x; - background-size: 3px 1px; - } - - // allow underline focus image and validation images to coexist - &.form-control-success { - &, - .is-focused & { - background-image: $underline-background-image, $form-icon-success; - } - } - &.form-control-warning { - &, - .is-focused & { - background-image: $underline-background-image, $form-icon-warning; - } - } - &.form-control-danger { - &, - .is-focused & { - background-image: $underline-background-image, $form-icon-danger; - } - } - } - - .is-focused, // may or may not be a form-group or bmd-form-group - &.is-focused { - // on focus set borders and labels to the validation color - - // Use the BS provided mixin for the bulk of the color - @include form-control-validation($label-color); - - [class^='bmd-label'], - [class*=' bmd-label'] { - color: $label-color-focus; - } - - .bmd-label-placeholder { - color: $label-color; // keep the placeholder color - } - - // Set the border and box shadow on specific inputs to match - .form-control { - border-color: $border-color; - } - - // Set validation states also for addons - //.input-group-addon { - // border-color: $border-color; - //} - - .bmd-help { - color: $bmd-label-color-inner-focus; - } - } -} - -// must be broken out for reuse - webkit selector breaks firefox -@mixin bmd-label-static($label-top, $static-font-size) { - top: $label-top; - left: 0; - // must repeat because the previous (more generic) selectors - font-size: $static-font-size; -} - -@mixin bmd-form-size-variant($font-size, $label-top-margin, $variant-padding-y, $variant-line-height, $form-group-context: null) { - - $variant-input-height: (($font-size * $variant-line-height) + ($variant-padding-y * 2)); - $static-font-size: ($bmd-bmd-label-static-size-ratio * $font-size); - $help-font-size: ($bmd-help-size-ratio * $font-size); - - $label-static-top: $label-top-margin; - $label-placeholder-top: $label-top-margin + $static-font-size + $variant-padding-y; - - //@debug "font-size: #{$font-size} static-font-size: #{$static-font-size} help-font-size: #{$help-font-size} form-group-context: #{$form-group-context} "; - - //Label height: 72dp - //Padding above label text: 16dp - //Padding between label and input text: 8dp - //Padding below input text (including divider): 16dp - //Padding below text divider: 8dp - - @if $form-group-context { - // Create a space at the top of the bmd-form-group for the label. - // The label is absolutely positioned, so we use top padding to make space. This padding extends over the label down to the top of the input (padding). - padding-top: ($label-top-margin + $static-font-size); - // note: bottom-margin of this is determined by $spacer. @see _spacer.scss - //margin-bottom: (1.5 * $help-font-size); - } - - // TODO: remove this when known stable. https://github.com/FezVrasta/bootstrap-material-design/issues/849 - //@else { - // - // // for radios and checkboxes without a form-group, add some extra vertical spacing to pad down so that - // // any help text above is not encroached upon, or so that it appears more evenly spaced vs form-groups - // .radio, - // label.radio-inline, - // .checkbox, - // label.checkbox-inline, - // .switch { - // padding-top: $spacer-y; - // } - //} - - // Set all line-heights preferably to 1 so that we can space out everything manually without additional added space - // from the default line-height of 1.5 - .form-control, - label, - input::placeholder { - line-height: $variant-line-height; - } - - .radio label, - label.radio-inline, - .checkbox label, - label.checkbox-inline, - .switch label { - line-height: $line-height-base; // keep the same line height for radios and checkboxes - } - - // Note: this may be inside or outside a form-group, may be .bmd-form-group.bmd-form-group-sm or .bmd-form-group.bmd-form-group-lg - input::placeholder { - font-size: $font-size; - } - - // generic labels used anywhere in the form - .checkbox label, - .radio label, - label { - font-size: $font-size; - } - - // floating/placeholder default (no focus) - .bmd-label-floating, - .bmd-label-placeholder { - //@debug "top: #{$label-as-placeholder-top}"; - top: $label-placeholder-top; // place the floating label to look like a placeholder with input padding - } - - // floating focused/filled will look like static - &.is-focused, - .is-focused, - &.is-filled, - .is-filled { - .bmd-label-floating { - @include bmd-label-static($label-static-top, $static-font-size); - } - } - - // static - .bmd-label-static { - @include bmd-label-static($label-static-top, $static-font-size); - } - // #559 Fix for webkit/chrome autofill - rule must be separate because it breaks firefox otherwise #731 - //input:-webkit-autofill ~ .bmd-label-floating { FIXME: confirm that the autofill js generation of change event makes this unnecessary - // @include bmd-label-static($label-top, $static-font-size, $static-line-height); - //} - - .bmd-help { - margin-top: 0; // allow the input margin to set-off the top of the help-block - font-size: $help-font-size; - } - - // validation icon placement - .form-control { - &.form-control-success, - &.form-control-warning, - &.form-control-danger { - $icon-bg-size: ($variant-input-height * .5) ($variant-input-height * .5); - background-size: $bmd-form-control-bg-size, $icon-bg-size; - - &, - &:focus, - .bmd-form-group.is-focused & { - padding-right: ($input-padding-x * 3); - background-repeat: $bmd-form-control-bg-repeat-y, no-repeat; - background-position: $bmd-form-control-bg-position, center right ($variant-input-height * .25); - } - - &:focus, - .bmd-form-group.is-focused & { - background-size: $bmd-form-control-bg-size-active, $icon-bg-size; - } - } - } -} diff --git a/minionlivesmatter/templates/assets/bootstrap-material-design/scss/mixins/_hover.scss b/minionlivesmatter/templates/assets/bootstrap-material-design/scss/mixins/_hover.scss deleted file mode 100644 index ae92b2a..0000000 --- a/minionlivesmatter/templates/assets/bootstrap-material-design/scss/mixins/_hover.scss +++ /dev/null @@ -1,9 +0,0 @@ -@mixin bmd-hover-focus-active { - // add the .active to the whole mix of hover-focus-active - &.active { - @content - } - @include hover-focus-active() { - @content; - } -} diff --git a/minionlivesmatter/templates/assets/bootstrap-material-design/scss/mixins/_layout.scss b/minionlivesmatter/templates/assets/bootstrap-material-design/scss/mixins/_layout.scss deleted file mode 100644 index 1a2394c..0000000 --- a/minionlivesmatter/templates/assets/bootstrap-material-design/scss/mixins/_layout.scss +++ /dev/null @@ -1,17 +0,0 @@ -// Generates the `.in` style for the generic backdrop used components such as the drawer in overlay mode -@mixin bmd-layout-backdrop-in() { - - > .bmd-layout-backdrop { - .in { - visibility: visible; - background-color: rgba(0, 0, 0, 0.5); - } - - @supports (pointer-events: auto) { - &.in { - pointer-events: auto; - opacity: 1; - } - } - } -} diff --git a/minionlivesmatter/templates/assets/bootstrap-material-design/scss/mixins/_navs.scss b/minionlivesmatter/templates/assets/bootstrap-material-design/scss/mixins/_navs.scss deleted file mode 100644 index d1edace..0000000 --- a/minionlivesmatter/templates/assets/bootstrap-material-design/scss/mixins/_navs.scss +++ /dev/null @@ -1,23 +0,0 @@ -@mixin bmd-tabs-color($color, $active-color, $active-border, $disabled-link-color, $disabled-link-hover-color) { - .nav-link { - - color: $color; - - &.active { - color: $active-color; - border-color: $active-border; - @include hover-focus { - border-color: $active-border; - } - } - - // Disabled state lightens text and removes hover/tab effects - &.disabled { - color: $disabled-link-color; - - @include plain-hover-focus { - color: $disabled-link-hover-color; - } - } - } -} diff --git a/minionlivesmatter/templates/assets/bootstrap-material-design/scss/mixins/_type.scss b/minionlivesmatter/templates/assets/bootstrap-material-design/scss/mixins/_type.scss deleted file mode 100644 index 8d8873b..0000000 --- a/minionlivesmatter/templates/assets/bootstrap-material-design/scss/mixins/_type.scss +++ /dev/null @@ -1,11 +0,0 @@ -@mixin headings() { - h1, h2, h3, h4, h5, h6 { - @content; - } -} - -// 14sp font -%std-font { - font-size: .875rem; - font-weight: normal; -} diff --git a/minionlivesmatter/templates/assets/bootstrap-material-design/scss/mixins/_utilities.scss b/minionlivesmatter/templates/assets/bootstrap-material-design/scss/mixins/_utilities.scss deleted file mode 100644 index 1a22d77..0000000 --- a/minionlivesmatter/templates/assets/bootstrap-material-design/scss/mixins/_utilities.scss +++ /dev/null @@ -1,35 +0,0 @@ -@function calc-top($line-height-base, $font-size, $component-height) { - @return (($line-height-base * $font-size) - $component-height) / 2; // vertical center of line-height -} - - - - -// Emulate the less #contrast function -// TODO: this may be useful for the inverse theme, but if not, remove (it is unused after the removal of fullpalette) -// contrast-color and brightness borrowed from compass -// Copyright (c) 2009-2014 Christopher M. Eppstein -// Complies with license: https://github.com/Compass/compass/blob/stable/LICENSE.markdown -@function contrast-color($color, $dark: $contrasted-dark-default, $light: $contrasted-light-default, $threshold: null) { - @if $threshold { - // Deprecated in Compass 0.13 - @warn "The $threshold argment to contrast-color is no longer needed and will be removed in the next release."; - } - - @if $color == null { - @return null; - } @else { - $color-brightness: brightness($color); - $dark-text-brightness: brightness($dark); - $light-text-brightness: brightness($light); - @return if(abs($color-brightness - $light-text-brightness) > abs($color-brightness - $dark-text-brightness), $light, $dark); - } -} - -@function brightness($color) { - @if type-of($color) == color { - @return (red($color) * 0.299 + green($color) * 0.587 + blue($color) * 0.114) / 255 * 100%; - } @else { - @return unquote("brightness(#{$color})"); - } -} |
