From d25ff2bddd44b9dac1ceb248424109d1782dd211 Mon Sep 17 00:00:00 2001 From: schneefux Date: Sat, 25 Mar 2017 13:13:57 +0100 Subject: add minionlivesmatter as submodule --- .../assets/bootstrap/scss/_custom-forms.scss | 258 --------------------- 1 file changed, 258 deletions(-) delete mode 100644 minionlivesmatter/templates/assets/bootstrap/scss/_custom-forms.scss (limited to 'minionlivesmatter/templates/assets/bootstrap/scss/_custom-forms.scss') 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)