// $alert-close-top: 50%;
// $alert-close-position: rem-calc(4);
// $alert-close-font-size: rem-calc(22);
-// $alert-close-opacity: 0.3;
-// $alert-close-opacity-hover: 0.5;
+// $alert-close-opacity: .3;
+// $alert-close-opacity-hover: .5;
// $alert-close-padding: 9px 6px 4px;
// $alert-close-background: inherit;
// $button-round: $global-rounded;
// We use this to set default opacity and cursor for disabled buttons.
-// $button-disabled-opacity: 0.7;
+// $button-disabled-opacity: .7;
// $button-disabled-cursor: $cursor-default-value;
// 06. Button Groups
// We use these to style captions
// $clearing-caption-font-color: $iron;
-// $clearing-caption-font-size: 0.875em;
+// $clearing-caption-font-size: .875em;
// $clearing-caption-padding: 10px 30px 20px;
// We use these to make the image and carousel height and style
// $input-error-message-font-color-alt: $oil;
// We use this to style the glowing effect of inputs when focused
-// $glowing-effect-fade-time: 0.45s;
+// $glowing-effect-fade-time: .45s;
// $glowing-effect-color: $input-focus-border-color;
// Select variables
// $icon-bar-item-padding: 1.25rem;
// We use this to set default opacity and cursor for disabled icons.
-// $icon-bar-disabled-opacity: 0.7;
+// $icon-bar-disabled-opacity: .7;
// 13. Inline Lists
// - - - - - - - - - - - - - - - - - - - - - - - - -
// $off-canvas-bg: $oil;
// Off Canvas Menu List Variables
-// $off-canvas-label-padding: 0.3rem rem-calc(15);
+// $off-canvas-label-padding: .3rem rem-calc(15);
// $off-canvas-label-color: $aluminum;
// $off-canvas-label-text-transform: uppercase;
// $off-canvas-label-font-size: rem-calc(12);
// $off-canvas-label-border-bottom: none;
// $off-canvas-label-margin:0;
// $off-canvas-link-padding: rem-calc(10, 15);
-// $off-canvas-link-color: rgba($white, 0.7);
+// $off-canvas-link-color: rgba($white, .7);
// $off-canvas-link-border-bottom: 1px solid scale-color($off-canvas-bg, $lightness: -25%);
// $off-canvas-back-bg: #444;
// $off-canvas-back-border-top: $off-canvas-label-border-top;
// Off Canvas Back-Link Overlay
// $off-canvas-overlay-transition: background 300ms ease;
// $off-canvas-overlay-cursor: pointer;
-// $off-canvas-overlay-box-shadow: -4px 0 4px rgba($black, 0.5), 4px 0 4px rgba($black, 0.5);
-// $off-canvas-overlay-background: rgba($white, 0.2);
-// $off-canvas-overlay-background-hover: rgba($white, 0.05);
+// $off-canvas-overlay-box-shadow: -4px 0 4px rgba($black, .5), 4px 0 4px rgba($black, .5);
+// $off-canvas-overlay-background: rgba($white, .2);
+// $off-canvas-overlay-background-hover: rgba($white, .05);
// Transition Variables
// $menu-slide: "transform 500ms ease";
// We use these to control the caption styles
// $orbit-container-bg: none;
-// $orbit-caption-bg: rgba(51,51,51, 0.8);
+// $orbit-caption-bg: rgba(51,51,51, .8);
// $orbit-caption-font-color: $white;
// $orbit-caption-font-size: rem-calc(14);
// $orbit-caption-position: "bottom"; // Supported values: "bottom", "under"
// Hide controls on small
// $orbit-nav-hide-for-small: true;
// $orbit-bullet-hide-for-small: true;
-// $orbit-timer-hide-for-small: true;
+// $orbit-timer-hide-for-small: true;
// 20. Pagination
// - - - - - - - - - - - - - - - - - - - - - - - - -
// $range-slider-handle-bg-hover-color: scale-color($primary-color, $lightness: -12%);
// $range-slider-handle-cursor: pointer;
-// $range-slider-disabled-opacity: 0.7;
+// $range-slider-disabled-opacity: .7;
// $range-slider-disabled-cursor: $cursor-disabled-value;
// 25. Reveal
// $side-nav-link-color: $primary-color;
// $side-nav-link-color-active: scale-color($side-nav-link-color, $lightness: 30%);
// $side-nav-link-color-hover: scale-color($side-nav-link-color, $lightness: 30%);
-// $side-nav-link-bg-hover: hsla(0, 0, 0, 0.025);
+// $side-nav-link-bg-hover: hsla(0, 0, 0, .025);
// $side-nav-link-margin: 0;
// $side-nav-link-padding: rem-calc(7 14);
// $side-nav-font-size: rem-calc(14);
// $switch-paddle-bg: $white;
// $switch-paddle-transition-speed: .15s;
// $switch-paddle-transition-ease: ease-out;
-// $switch-active-color: $primary-color;
+// $switch-active-color: $primary-color;
// 30. Tables
// - - - - - - - - - - - - - - - - - - - - - - - - -
// $topbar-link-padding: ($topbar-height / 3);
// $topbar-back-link-size: rem-calc(18);
// $topbar-link-dropdown-padding: rem-calc(20);
-// $topbar-button-font-size: 0.75rem;
+// $topbar-button-font-size: .75rem;
// $topbar-button-top: 7px;
// Style the top bar dropdown elements
// $topbar-dropdown-link-weight: $font-weight-normal;
// $topbar-dropdown-toggle-size: 5px;
// $topbar-dropdown-toggle-color: $white;
-// $topbar-dropdown-toggle-alpha: 0.4;
+// $topbar-dropdown-toggle-alpha: .4;
// $topbar-dropdown-label-color: $monsoon;
// $topbar-dropdown-label-text-transform: uppercase;
// Sticky Class
// $topbar-sticky-class: ".sticky";
// $topbar-arrows: true; //Set false to remove the triangle icon from the menu item
-// $topbar-dropdown-arrows: true; //Set false to remove the \00bb >> text from dropdown subnavigation li//
+// $topbar-dropdown-arrows: true; //Set false to remove the \00bb >> text from dropdown subnavigation li//
// 36. Visibility Classes
// - - - - - - - - - - - - - - - - - - - - - - - - -
$alert-close-top: 50% !default;
$alert-close-position: rem-calc(4) !default;
$alert-close-font-size: rem-calc(22) !default;
-$alert-close-opacity: 0.3 !default;
-$alert-close-opacity-hover: 0.5 !default;
+$alert-close-opacity: .3 !default;
+$alert-close-opacity-hover: .5 !default;
$alert-close-padding: 0 6px 4px !default;
$alert-close-background: inherit !default;
> button, .button {
border-#{$default-float}: $button-group-border-width solid;
- border-color: rgba(255, 255, 255, 0.5);
+ border-color: rgba(255, 255, 255, .5);
}
&:first-child {
$button-group-margin: 0;
> button, .button {
border-top: $button-group-border-width solid;
- border-color: rgba(255, 255, 255, 0.5);
+ border-color: rgba(255, 255, 255, .5);
border-left-width: 0;
margin:0;
display: block;
@for $i from 2 through 8 {
&.even-#{$i} li { @include button-group-style($even:$i, $float:null); }
}
-
+
& > li { @include button-group-style(); }
&.stack {
$button-round: $global-rounded !default;
// We use this to set default opacity and cursor for disabled buttons.
-$button-disabled-opacity: 0.7 !default;
+$button-disabled-opacity: .7 !default;
$button-disabled-cursor: $cursor-default-value !default;
// We use these to style captions
$clearing-caption-font-color: $iron !default;
-$clearing-caption-font-size: 0.875em !default;
+$clearing-caption-font-size: .875em !default;
$clearing-caption-padding: 10px 30px 20px !default;
// We use these to make the image and carousel height and style
top: 50%;
left: 50%;
color: $base;
- font-size: 0.6em;
+ font-size: .6em;
}
.visible-img {
width: 0;
height: 0;
border: solid $clearing-arrow-size;
- &:hover { opacity: 0.8; }
+ &:hover { opacity: .8; }
}
}
.clearing-main-prev {
}
.clearing-main-prev.disabled,
- .clearing-main-next.disabled { opacity: 0.3; }
+ .clearing-main-next.disabled { opacity: .3; }
.clearing-assembled .clearing-container {
padding: 0;
position: relative;
cursor: $cursor-pointer-value;
- opacity: 0.4;
+ opacity: .4;
clear: none;
&.fix-height {
}
&.visible { opacity: 1; }
- &:hover { opacity: 0.8; }
+ &:hover { opacity: .8; }
}
}
}
$input-error-message-font-color-alt: $oil !default;
// We use this to style the glowing effect of inputs when focused
-$glowing-effect-fade-time: 0.45s !default;
+$glowing-effect-fade-time: .45s !default;
$glowing-effect-color: $input-focus-border-color !default;
// Select variables
// $color - Default: $alert-color (found in settings file)
@mixin form-error-color($color:$alert-color) {
border-color: $color;
- background-color: rgba($color, 0.1);
+ background-color: rgba($color, .1);
// Go back to normal on focus
&:focus {
border-radius: 0;
@include form-element;
@if $input-include-glowing-effect == false {
- @include single-transition(all, 0.15s, linear);
+ @include single-transition(all, .15s, linear);
}
&.radius {
@include radius($input-border-radius);
$icon-bar-item-padding: 1.25rem !default;
// We use this to set default opacity and cursor for disabled icons.
-$icon-bar-disabled-opacity: 0.7 !default;
+$icon-bar-disabled-opacity: .7 !default;
$icon-bar-disabled-cursor: $cursor-disabled-value !default;
$off-canvas-bg-hover: scale-color($tabbar-bg, $lightness: -30%) !default;
// Off Canvas Menu List Variables
-$off-canvas-label-padding: 0.3rem rem-calc(15) !default;
+$off-canvas-label-padding: .3rem rem-calc(15) !default;
$off-canvas-label-color: $aluminum !default;
$off-canvas-label-text-transform: uppercase !default;
$off-canvas-label-font-size: rem-calc(12) !default;
$off-canvas-label-border-bottom: none !default;
$off-canvas-label-margin:0 !default;
$off-canvas-link-padding: rem-calc(10, 15) !default;
-$off-canvas-link-color: rgba($white, 0.7) !default;
+$off-canvas-link-color: rgba($white, .7) !default;
$off-canvas-link-border-bottom: 1px solid scale-color($off-canvas-bg, $lightness: -25%) !default;
$off-canvas-back-bg: #444 !default;
$off-canvas-back-border-top: $off-canvas-label-border-top !default;
// Off Canvas Back-Link Overlay
$off-canvas-overlay-transition: background 300ms ease !default;
$off-canvas-overlay-cursor: pointer !default;
-$off-canvas-overlay-box-shadow: -4px 0 4px rgba($black, 0.5), 4px 0 4px rgba($black, 0.5) !default;
-$off-canvas-overlay-background: rgba($white, 0.2) !default;
-$off-canvas-overlay-background-hover: rgba($white, 0.05) !default;
+$off-canvas-overlay-box-shadow: -4px 0 4px rgba($black, .5), 4px 0 4px rgba($black, .5) !default;
+$off-canvas-overlay-background: rgba($white, .2) !default;
+$off-canvas-overlay-background-hover: rgba($white, .05) !default;
// Transition Variables
$menu-slide: "transform 500ms ease" !default;
@if $position == left {
content: "\AB";
@if $text-direction == rtl {
- margin-left: 0.5rem;
+ margin-left: .5rem;
} @else {
- margin-right: 0.5rem;
+ margin-right: .5rem;
}
}
@if $position == right {
content: "\BB";
@if $text-direction == rtl {
- margin-right: 0.5rem;
+ margin-right: .5rem;
} @else {
- margin-left: 0.5rem;
+ margin-left: .5rem;
}
}
display: inline;
// We use these to control the caption styles
$orbit-container-bg: none !default;
-$orbit-caption-bg: rgba(51,51,51, 0.8) !default;
+$orbit-caption-bg: rgba(51,51,51, .8) !default;
$orbit-caption-font-color: $white !default;
$orbit-caption-font-size: rem-calc(14) !default;
$orbit-caption-position: "bottom" !default; // Supported values: "bottom", "under"
$range-slider-handle-bg-hover-color: scale-color($primary-color, $lightness: -12%) !default;
$range-slider-handle-cursor: pointer !default;
-$range-slider-disabled-opacity: 0.7 !default;
+$range-slider-disabled-opacity: .7 !default;
$range-slider-disabled-cursor: $cursor-disabled-value !default;
//
$side-nav-link-color: $primary-color !default;
$side-nav-link-color-active: scale-color($side-nav-link-color, $lightness: 30%) !default;
$side-nav-link-color-hover: scale-color($side-nav-link-color, $lightness: 30%) !default;
-$side-nav-link-bg-hover: hsla(0, 0, 0, 0.025) !default;
+$side-nav-link-bg-hover: hsla(0, 0, 0, .025) !default;
$side-nav-link-margin: 0 !default;
$side-nav-link-padding: rem-calc(7 14) !default;
$side-nav-font-size: rem-calc(14) !default;
position: absolute;
top: .25rem;
left: .25rem;
- width: $switch-height-med - 0.5rem;
- height: $switch-height-med - 0.5rem;
+ width: $switch-height-med - .5rem;
+ height: $switch-height-med - .5rem;
-webkit-transition: left $transition-speed $transition-ease;
-moz-transition: left $transition-speed $transition-ease;
}
input:checked + label:after {
- left: $switch-height-med + 0.25rem;
+ left: $switch-height-med + .25rem;
}
}
}
label:after {
- width: $height - 0.5rem;
- height: $height - 0.5rem;
+ width: $height - .5rem;
+ height: $height - .5rem;
}
input:checked + label:after {
- left: $height + 0.25rem;
+ left: $height + .25rem;
}
}
float: left;
&:hover {
- background: rgba($white, 0.1);
+ background: rgba($white, .1);
}
}
}
$topbar-link-padding: ($topbar-height / 3) !default;
$topbar-back-link-size: rem-calc(18) !default;
$topbar-link-dropdown-padding: rem-calc(20) !default;
-$topbar-button-font-size: 0.75rem !default;
+$topbar-button-font-size: .75rem !default;
$topbar-button-top: 7px !default;
// Style the top bar dropdown elements
$topbar-dropdown-link-weight: $font-weight-normal !default;
$topbar-dropdown-toggle-size: 5px !default;
$topbar-dropdown-toggle-color: $white !default;
-$topbar-dropdown-toggle-alpha: 0.4 !default;
+$topbar-dropdown-toggle-alpha: .4 !default;
$topbar-dropdown-label-color: $monsoon !default;
$topbar-dropdown-label-text-transform: uppercase !default;
img { max-width: 100% !important; }
- @page { margin: 0.5cm; }
+ @page { margin: .5cm; }
p,
h2,