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/scss/_custom-forms.scss | |
| parent | a2cbdd1b88ac723e5e441c0a3c22636f0a8c4dfd (diff) | |
| download | meta-d25ff2bddd44b9dac1ceb248424109d1782dd211.tar.gz meta-d25ff2bddd44b9dac1ceb248424109d1782dd211.zip | |
add minionlivesmatter as submodule
Diffstat (limited to 'minionlivesmatter/templates/assets/bootstrap/scss/_custom-forms.scss')
| -rw-r--r-- | minionlivesmatter/templates/assets/bootstrap/scss/_custom-forms.scss | 258 |
1 files changed, 0 insertions, 258 deletions
diff --git a/minionlivesmatter/templates/assets/bootstrap/scss/_custom-forms.scss b/minionlivesmatter/templates/assets/bootstrap/scss/_custom-forms.scss deleted file mode 100644 index d303c48..0000000 --- a/minionlivesmatter/templates/assets/bootstrap/scss/_custom-forms.scss +++ /dev/null @@ -1,258 +0,0 @@ -// scss-lint:disable PropertyCount, VendorPrefix - -// Embedded icons from Open Iconic. -// Released under MIT and copyright 2014 Waybury. -// https://useiconic.com/open - - -// Checkboxes and radios -// -// Base class takes care of all the key behavioral aspects. - -.custom-control { - position: relative; - display: inline-flex; - min-height: (1rem * $line-height-base); - padding-left: $custom-control-gutter; - margin-right: $custom-control-spacer-x; -} - -.custom-control-input { - position: absolute; - z-index: -1; // Put the input behind the label so it doesn't overlay text - opacity: 0; - - &:checked ~ .custom-control-indicator { - color: $custom-control-checked-indicator-color; - background-color: $custom-control-checked-indicator-bg; - @include box-shadow($custom-control-checked-indicator-box-shadow); - } - - &:focus ~ .custom-control-indicator { - // the mixin is not used here to make sure there is feedback - box-shadow: $custom-control-focus-indicator-box-shadow; - } - - &:active ~ .custom-control-indicator { - color: $custom-control-active-indicator-color; - background-color: $custom-control-active-indicator-bg; - @include box-shadow($custom-control-active-indicator-box-shadow); - } - - &:disabled { - ~ .custom-control-indicator { - cursor: $custom-control-disabled-cursor; - background-color: $custom-control-disabled-indicator-bg; - } - - ~ .custom-control-description { - color: $custom-control-disabled-description-color; - cursor: $custom-control-disabled-cursor; - } - } -} - -// Custom indicator -// -// Generates a shadow element to create our makeshift checkbox/radio background. - -.custom-control-indicator { - position: absolute; - top: (($line-height-base - $custom-control-indicator-size) / 2); - left: 0; - display: block; - width: $custom-control-indicator-size; - height: $custom-control-indicator-size; - pointer-events: none; - user-select: none; - background-color: $custom-control-indicator-bg; - background-repeat: no-repeat; - background-position: center center; - background-size: $custom-control-indicator-bg-size; - @include box-shadow($custom-control-indicator-box-shadow); -} - -// Checkboxes -// -// Tweak just a few things for checkboxes. - -.custom-checkbox { - .custom-control-indicator { - @include border-radius($custom-checkbox-radius); - } - - .custom-control-input:checked ~ .custom-control-indicator { - background-image: $custom-checkbox-checked-icon; - } - - .custom-control-input:indeterminate ~ .custom-control-indicator { - background-color: $custom-checkbox-indeterminate-bg; - background-image: $custom-checkbox-indeterminate-icon; - @include box-shadow($custom-checkbox-indeterminate-box-shadow); - } -} - -// Radios -// -// Tweak just a few things for radios. - -.custom-radio { - .custom-control-indicator { - border-radius: $custom-radio-radius; - } - - .custom-control-input:checked ~ .custom-control-indicator { - background-image: $custom-radio-checked-icon; - } -} - - -// Layout options -// -// By default radios and checkboxes are `inline-block` with no additional spacing -// set. Use these optional classes to tweak the layout. - -.custom-controls-stacked { - display: flex; - flex-direction: column; - - .custom-control { - margin-bottom: $custom-control-spacer-y; - - + .custom-control { - margin-left: 0; - } - } -} - - -// Select -// -// Replaces the browser default select with a custom one, mostly pulled from -// http://primercss.io. -// - -.custom-select { - display: inline-block; - max-width: 100%; - $select-border-width: ($custom-select-border-width * 2); - height: calc(#{$input-height} + #{$select-border-width}); - padding: $custom-select-padding-y ($custom-select-padding-x + $custom-select-indicator-padding) $custom-select-padding-y $custom-select-padding-x; - line-height: $custom-select-line-height; - color: $custom-select-color; - vertical-align: middle; - background: $custom-select-bg $custom-select-indicator no-repeat right $custom-select-padding-x center; - background-size: $custom-select-bg-size; - border: $custom-select-border-width solid $custom-select-border-color; - @include border-radius($custom-select-border-radius); - appearance: none; - - &:focus { - border-color: $custom-select-focus-border-color; - outline: none; - @include box-shadow($custom-select-focus-box-shadow); - - &::-ms-value { - // For visual consistency with other platforms/browsers, - // supress the default white text on blue background highlight given to - // the selected option text when the (still closed) <select> receives focus - // in IE and (under certain conditions) Edge. - // See https://github.com/twbs/bootstrap/issues/19398. - color: $input-color; - background-color: $input-bg; - } - } - - &:disabled { - color: $custom-select-disabled-color; - cursor: $cursor-disabled; - background-color: $custom-select-disabled-bg; - } - - // Hides the default caret in IE11 - &::-ms-expand { - opacity: 0; - } -} - -.custom-select-sm { - padding-top: $custom-select-padding-y; - padding-bottom: $custom-select-padding-y; - font-size: $custom-select-sm-font-size; - - // &:not([multiple]) { - // height: 26px; - // min-height: 26px; - // } -} - - -// File -// -// Custom file input. - -.custom-file { - position: relative; - display: inline-block; - max-width: 100%; - height: $custom-file-height; - margin-bottom: 0; -} - -.custom-file-input { - min-width: $custom-file-width; - max-width: 100%; - height: $custom-file-height; - margin: 0; - opacity: 0; - - &:focus ~ .custom-file-control { - @include box-shadow($custom-file-focus-box-shadow); - } -} - -.custom-file-control { - position: absolute; - top: 0; - right: 0; - left: 0; - z-index: 5; - height: $custom-file-height; - padding: $custom-file-padding-x $custom-file-padding-y; - line-height: $custom-file-line-height; - color: $custom-file-color; - pointer-events: none; - user-select: none; - background-color: $custom-file-bg; - border: $custom-file-border-width solid $custom-file-border-color; - @include border-radius($custom-file-border-radius); - @include box-shadow($custom-file-box-shadow); - - @each $lang, $text in map-get($custom-file-text, placeholder) { - &:lang(#{$lang}):empty::after { - content: $text; - } - } - - &::before { - position: absolute; - top: -$custom-file-border-width; - right: -$custom-file-border-width; - bottom: -$custom-file-border-width; - z-index: 6; - display: block; - height: $custom-file-height; - padding: $custom-file-padding-x $custom-file-padding-y; - line-height: $custom-file-line-height; - color: $custom-file-button-color; - background-color: $custom-file-button-bg; - border: $custom-file-border-width solid $custom-file-border-color; - @include border-radius(0 $custom-file-border-radius $custom-file-border-radius 0); - } - - @each $lang, $text in map-get($custom-file-text, button-label) { - &:lang(#{$lang})::before { - content: $text; - } - } -} |
