diff options
| author | Pliable Pixels <pliablepixels@gmail.com> | 2017-09-27 12:42:48 -0400 |
|---|---|---|
| committer | Pliable Pixels <pliablepixels@gmail.com> | 2017-09-27 12:42:48 -0400 |
| commit | 210e8feae2fb4842bfb2de38666e6c41671fef3c (patch) | |
| tree | cbdafa34b1a6260bb20236d7e9de9eb1b690a1c5 /www/lib/ionic/scss/_checkbox.scss | |
| parent | e7e7baeaad90229ccb3e0f45f4ebd77be7d79b14 (diff) | |
removed lib
Diffstat (limited to 'www/lib/ionic/scss/_checkbox.scss')
| -rw-r--r-- | www/lib/ionic/scss/_checkbox.scss | 180 |
1 files changed, 0 insertions, 180 deletions
diff --git a/www/lib/ionic/scss/_checkbox.scss b/www/lib/ionic/scss/_checkbox.scss deleted file mode 100644 index 8321195a..00000000 --- a/www/lib/ionic/scss/_checkbox.scss +++ /dev/null @@ -1,180 +0,0 @@ - -/** - * Checkbox - * -------------------------------------------------- - */ - -.checkbox { - // set the color defaults - @include checkbox-style($checkbox-off-border-default, $checkbox-on-bg-default, $checkbox-on-border-default); - - position: relative; - display: inline-block; - padding: ($checkbox-height / 4) ($checkbox-width / 4); - cursor: pointer; -} -.checkbox-light { - @include checkbox-style($checkbox-off-border-light, $checkbox-on-bg-light, $checkbox-off-border-light); -} -.checkbox-stable { - @include checkbox-style($checkbox-off-border-stable, $checkbox-on-bg-stable, $checkbox-off-border-stable); -} -.checkbox-positive { - @include checkbox-style($checkbox-off-border-positive, $checkbox-on-bg-positive, $checkbox-off-border-positive); -} -.checkbox-calm { - @include checkbox-style($checkbox-off-border-calm, $checkbox-on-bg-calm, $checkbox-off-border-calm); -} -.checkbox-assertive { - @include checkbox-style($checkbox-off-border-assertive, $checkbox-on-bg-assertive, $checkbox-off-border-assertive); -} -.checkbox-balanced { - @include checkbox-style($checkbox-off-border-balanced, $checkbox-on-bg-balanced, $checkbox-off-border-balanced); -} -.checkbox-energized{ - @include checkbox-style($checkbox-off-border-energized, $checkbox-on-bg-energized, $checkbox-off-border-energized); -} -.checkbox-royal { - @include checkbox-style($checkbox-off-border-royal, $checkbox-on-bg-royal, $checkbox-off-border-royal); -} -.checkbox-dark { - @include checkbox-style($checkbox-off-border-dark, $checkbox-on-bg-dark, $checkbox-off-border-dark); -} - -.checkbox input:disabled:before, -.checkbox input:disabled + .checkbox-icon:before { - border-color: $checkbox-off-border-light; -} - -.checkbox input:disabled:checked:before, -.checkbox input:disabled:checked + .checkbox-icon:before { - background: $checkbox-on-bg-light; -} - - -.checkbox.checkbox-input-hidden input { - display: none !important; -} - -.checkbox input, -.checkbox-icon { - position: relative; - width: $checkbox-width; - height: $checkbox-height; - display: block; - border: 0; - background: transparent; - cursor: pointer; - -webkit-appearance: none; - - &:before { - // what the checkbox looks like when its not checked - display: table; - width: 100%; - height: 100%; - border-width: $checkbox-border-width; - border-style: solid; - border-radius: $checkbox-border-radius; - background: $checkbox-off-bg-color; - content: ' '; - @include transition(background-color 20ms ease-in-out); - } -} - -.checkbox input:checked:before, -input:checked + .checkbox-icon:before { - border-width: $checkbox-border-width + 1; -} - -// the checkmark within the box -.checkbox input:after, -.checkbox-icon:after { - @include transition(opacity .05s ease-in-out); - @include rotate(-45deg); - position: absolute; - top: 33%; - left: 25%; - display: table; - width: ($checkbox-width / 2); - height: ($checkbox-width / 4) - 1; - border: $checkbox-check-width solid $checkbox-check-color; - border-top: 0; - border-right: 0; - content: ' '; - opacity: 0; -} - -.platform-android .checkbox-platform input:before, -.platform-android .checkbox-platform .checkbox-icon:before, -.checkbox-square input:before, -.checkbox-square .checkbox-icon:before { - border-radius: 2px; - width: 72%; - height: 72%; - margin-top: 14%; - margin-left: 14%; - border-width: 2px; -} - -.platform-android .checkbox-platform input:after, -.platform-android .checkbox-platform .checkbox-icon:after, -.checkbox-square input:after, -.checkbox-square .checkbox-icon:after { - border-width: 2px; - top: 19%; - left: 25%; - width: ($checkbox-width / 2) - 1; - height: 7px; -} - -.platform-android .item-checkbox-right .checkbox-square .checkbox-icon::after { - top: 31%; -} - -.grade-c .checkbox input:after, -.grade-c .checkbox-icon:after { - @include rotate(0); - top: 3px; - left: 4px; - border: none; - color: $checkbox-check-color; - content: '\2713'; - font-weight: bold; - font-size: 20px; -} - -// what the checkmark looks like when its checked -.checkbox input:checked:after, -input:checked + .checkbox-icon:after { - opacity: 1; -} - -// make sure item content have enough padding on left to fit the checkbox -.item-checkbox { - padding-left: ($item-padding * 2) + $checkbox-width; - - &.active { - box-shadow: none; - } -} - -// position the checkbox to the left within an item -.item-checkbox .checkbox { - position: absolute; - top: 50%; - right: $item-padding / 2; - left: $item-padding / 2; - z-index: $z-index-item-checkbox; - margin-top: (($checkbox-height + ($checkbox-height / 2)) / 2) * -1; -} - - -.item-checkbox.item-checkbox-right { - padding-right: ($item-padding * 2) + $checkbox-width; - padding-left: $item-padding; -} - -.item-checkbox-right .checkbox input, -.item-checkbox-right .checkbox-icon { - float: right; -} |
