summaryrefslogtreecommitdiff
path: root/minionlivesmatter/templates/assets/bootstrap-material-design/scss/mixins
diff options
context:
space:
mode:
authorschneefux <schneefux+commit@schneefux.xyz>2017-03-25 13:13:57 +0100
committerschneefux <schneefux+commit@schneefux.xyz>2017-03-25 13:13:57 +0100
commitd25ff2bddd44b9dac1ceb248424109d1782dd211 (patch)
tree34fcfd824a1a72e7b4d431b688adcea532b62180 /minionlivesmatter/templates/assets/bootstrap-material-design/scss/mixins
parenta2cbdd1b88ac723e5e441c0a3c22636f0a8c4dfd (diff)
downloadmeta-d25ff2bddd44b9dac1ceb248424109d1782dd211.tar.gz
meta-d25ff2bddd44b9dac1ceb248424109d1782dd211.zip
add minionlivesmatter as submodule
Diffstat (limited to 'minionlivesmatter/templates/assets/bootstrap-material-design/scss/mixins')
-rw-r--r--minionlivesmatter/templates/assets/bootstrap-material-design/scss/mixins/_animations.scss21
-rw-r--r--minionlivesmatter/templates/assets/bootstrap-material-design/scss/mixins/_breakpoints.scss34
-rw-r--r--minionlivesmatter/templates/assets/bootstrap-material-design/scss/mixins/_buttons.scss218
-rw-r--r--minionlivesmatter/templates/assets/bootstrap-material-design/scss/mixins/_drawer.scss237
-rw-r--r--minionlivesmatter/templates/assets/bootstrap-material-design/scss/mixins/_forms.scss283
-rw-r--r--minionlivesmatter/templates/assets/bootstrap-material-design/scss/mixins/_hover.scss9
-rw-r--r--minionlivesmatter/templates/assets/bootstrap-material-design/scss/mixins/_layout.scss17
-rw-r--r--minionlivesmatter/templates/assets/bootstrap-material-design/scss/mixins/_navs.scss23
-rw-r--r--minionlivesmatter/templates/assets/bootstrap-material-design/scss/mixins/_type.scss11
-rw-r--r--minionlivesmatter/templates/assets/bootstrap-material-design/scss/mixins/_utilities.scss35
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})");
- }
-}