summaryrefslogtreecommitdiff
path: root/templates/assets/sass/material-kit/_inputs-size.scss
diff options
context:
space:
mode:
authorKapil Viren Ahuja <k.v.ahuja@gmail.com>2017-03-23 15:17:03 +0530
committerKapil Viren Ahuja <k.v.ahuja@gmail.com>2017-03-23 15:17:03 +0530
commit01ef61d8fc3e18fe159e98d36414ef0ba92ff2a7 (patch)
tree3d14b60e737ecd6c3c516798cddf5ca52db24348 /templates/assets/sass/material-kit/_inputs-size.scss
parentc9198259402c1d01ad8d943832c20069635963da (diff)
downloadminionlivesmatter-01ef61d8fc3e18fe159e98d36414ef0ba92ff2a7.tar.gz
minionlivesmatter-01ef61d8fc3e18fe159e98d36414ef0ba92ff2a7.zip
adding the new theme
Diffstat (limited to 'templates/assets/sass/material-kit/_inputs-size.scss')
-rwxr-xr-xtemplates/assets/sass/material-kit/_inputs-size.scss223
1 files changed, 0 insertions, 223 deletions
diff --git a/templates/assets/sass/material-kit/_inputs-size.scss b/templates/assets/sass/material-kit/_inputs-size.scss
deleted file mode 100755
index c86338c..0000000
--- a/templates/assets/sass/material-kit/_inputs-size.scss
+++ /dev/null
@@ -1,223 +0,0 @@
-// This file has been autogenerated by grunt task lessToSass. Any changes will be overwritten.
-
-//
-// Forms - sizing - material - mirrors bootstrap/forms.less with custom sizing
-//
-// LEAVE THIS IDENTICAL TO THE BOOTSTRAP FILE - DO NOT CUSTOMIZE HERE.
-//
-// NOTE: this is intentionally kept structurally _identical_ to the bootstrap/forms.less file to make it easier
-// to identify differences in sizing approaches to form inputs.
-// --------------------------------------------------
-
-legend {
- margin-bottom: $mdb-input-line-height-computed;
- font-size: ($mdb-input-font-size-base * 1.5);
-}
-
-// Adjust output element
-output {
- padding-top: ($mdb-input-padding-base-vertical + 1);
- font-size: $mdb-input-font-size-base;
- line-height: $mdb-input-line-height-base;
-}
-
-.form-control {
- height: $mdb-input-height-base; // Make inputs at least the height of their button counterpart (base line-height + padding + border)
- padding: $mdb-input-padding-base-vertical $mdb-input-padding-base-horizontal;
- font-size: $mdb-input-font-size-base;
- line-height: $mdb-input-line-height-base;
-}
-
-// Special styles for iOS temporal inputs
-//
-// In Mobile Safari, setting `display: block` on temporal inputs causes the
-// text within the input to become vertically misaligned. As a workaround, we
-// set a pixel line-height that matches the given height of the input, but only
-// for Safari. See https://bugs.webkit.org/show_bug.cgi?id=139848
-//
-// Note that as of 8.3, iOS doesn't support `datetime` or `week`.
-
-@media screen and (-webkit-min-device-pixel-ratio: 0) {
- input[type="date"],
- input[type="time"],
- input[type="datetime-local"],
- input[type="month"] {
- &.form-control {
- line-height: $mdb-input-height-base;
- }
-
- &.input-sm,
- .input-group-sm & {
- line-height: $mdb-input-height-small;
- }
-
- &.input-lg,
- .input-group-lg & {
- line-height: $mdb-input-height-large;
- }
- }
-}
-
-.radio,
-.checkbox {
-
- label {
- min-height: $mdb-input-line-height-computed; // Ensure the input doesn't jump when there is no text
- }
-}
-
-
-// Static form control text
-//
-// Apply class to a `p` element to make any string of text align with labels in
-// a horizontal form layout.
-
-.form-control-static {
- // Size it appropriately next to real form controls
- padding-top: ($mdb-input-padding-base-vertical + 1);
- padding-bottom: ($mdb-input-padding-base-vertical + 1);
- min-height: ($mdb-input-line-height-computed + $mdb-input-font-size-base);
-}
-
-
-// Form control sizing
-//
-// Relative text size, padding, and border-radii changes for form controls. For
-// horizontal sizing, wrap controls in the predefined grid classes. `<select>`
-// element gets special love because it's special, and that's a fact!
-
-// mixin pulled from bootstrap and altered for less/sass compatibility with sass parent hack.
-// bootstrap-sass has this one, but we would have to then convert it back to less. chicken meet egg.
-@mixin input-size($parent, $mdb-input-height, $padding-vertical, $padding-horizontal, $font-size, $line-height, $border-radius){
-
- #{$parent} {
- height: $mdb-input-height;
- padding: $padding-vertical $padding-horizontal;
- font-size: $font-size;
- line-height: $line-height;
- border-radius: $border-radius;
- }
-
- select#{$parent} {
- height: $mdb-input-height;
- line-height: $mdb-input-height;
- }
-
- textarea#{$parent},
- select[multiple]#{$parent} {
- height: auto;
- }
-}
-
-
-
-// Form control sizing
-//
-// Build on `.form-control` with modifier classes to decrease or increase the
-// height and font-size of form controls.
-//
-// The `.form-group-* form-control` variations are sadly duplicated to avoid the
-// issue documented in https://github.com/twbs/bootstrap/issues/15074.
-.input-sm {
- @include input-size(unquote(".input-sm"), $mdb-input-height-small, $mdb-input-padding-small-vertical, $mdb-input-padding-small-horizontal, $mdb-input-font-size-small, $mdb-input-line-height-small, $mdb-input-border-radius-small);
-}
-.form-group-sm {
- .form-control {
- height: $mdb-input-height-small;
- padding: $mdb-input-padding-small-vertical $mdb-input-padding-small-horizontal;
- font-size: $mdb-input-font-size-small;
- line-height: $mdb-input-line-height-small;
- }
- select.form-control {
- height: $mdb-input-height-small;
- line-height: $mdb-input-height-small;
- }
- textarea.form-control,
- select[multiple].form-control {
- height: auto;
- }
- .form-control-static {
- height: $mdb-input-height-small;
- min-height: ($mdb-input-line-height-computed + $mdb-input-font-size-small);
- padding: ($mdb-input-padding-small-vertical + 1) $mdb-input-padding-small-horizontal;
- font-size: $mdb-input-font-size-small;
- line-height: $mdb-input-line-height-small;
- }
-}
-
-.input-lg {
- @include input-size(unquote(".input-lg"), $mdb-input-height-large, $mdb-input-padding-large-vertical, $mdb-input-padding-large-horizontal, $mdb-input-font-size-large, $mdb-input-line-height-large, $mdb-input-border-radius-large);
-}
-.form-group-lg {
- .form-control {
- height: $mdb-input-height-large;
- padding: $mdb-input-padding-large-vertical $mdb-input-padding-large-horizontal;
- font-size: $mdb-input-font-size-large;
- line-height: $mdb-input-line-height-large;
- }
- select.form-control {
- height: $mdb-input-height-large;
- line-height: $mdb-input-height-large;
- }
- textarea.form-control,
- select[multiple].form-control {
- height: auto;
- }
- .form-control-static {
- height: $mdb-input-height-large;
- min-height: ($mdb-input-line-height-computed + $mdb-input-font-size-large);
- padding: ($mdb-input-padding-large-vertical + 1) $mdb-input-padding-large-horizontal;
- font-size: $mdb-input-font-size-large;
- line-height: $mdb-input-line-height-large;
- }
-}
-
-
-.form-horizontal {
-
- // Consistent vertical alignment of radios and checkboxes
- //
- // Labels also get some reset styles, but that is scoped to a media query below.
- .radio,
- .checkbox,
- .radio-inline,
- .checkbox-inline {
- padding-top: ($mdb-input-padding-base-vertical + 1); // Default padding plus a border
- }
- // Account for padding we're adding to ensure the alignment and of help text
- // and other content below items
- .radio,
- .checkbox {
- min-height: ($mdb-input-line-height-computed + ($mdb-input-padding-base-vertical + 1));
- }
-
- // Reset spacing and right align labels, but scope to media queries so that
- // labels on narrow viewports stack the same as a default form example.
- @media (min-width: $screen-sm-min) {
- .control-label {
- padding-top: ($mdb-input-padding-base-vertical + 1); // Default padding plus a border
- }
- }
-
-
- // Form group sizes
- //
- // Quick utility class for applying `.input-lg` and `.input-sm` styles to the
- // inputs and labels within a `.form-group`.
- .form-group-lg {
- @media (min-width: $screen-sm-min) {
- .control-label {
- padding-top: (($mdb-input-padding-large-vertical * $mdb-input-line-height-large) + 1);
- font-size: $mdb-input-font-size-large;
- }
- }
- }
- .form-group-sm {
- @media (min-width: $screen-sm-min) {
- .control-label {
- padding-top: ($mdb-input-padding-small-vertical + 1);
- font-size: $mdb-input-font-size-small;
- }
- }
- }
-}