stylesheets/settings/_dimensions.scss in rapido-css-0.0.2.1 vs stylesheets/settings/_dimensions.scss in rapido-css-0.0.3
- old
+ new
@@ -2,10 +2,11 @@
// DIMENSIONS
// ====================================================================================================================
$base-border-radius: 4px !default;
$horizontal-offset: 180px !default;
+$dropdowns-with: 160px !default;
// ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
// Text
// --------------------------------------------------------------------------------------------------------------------
@@ -30,23 +31,24 @@
$control-margin-bottom: $base-line-height !default;
$label-margin-bottom: 10px !default;
$input-border: 1px !default;
$input-padding-top: 10px !default;
$input-padding-side: 10px !default;
+$checkbox-padding-left: 20px !default;
-// Do not edit
+// Do · not · edit
$input-padding: em($input-padding-top) em($input-padding-side) ;
$input-height: em($base-font-size + ($input-padding-top * 2) + ($input-border * 2)) ;
$control-min-height: em($base-line-height + $label-margin-bottom) + $input-height - em(5px) ;
// ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
// Paddings
// --------------------------------------------------------------------------------------------------------------------
// Buttons
$btn-padding: $input-padding !default;
-$btn-large-padding: $input-padding !default;
+$btn-large-padding: em($input-padding-top * 1) em($input-padding-side * 1.5) !default;
$btn-small-padding: em($input-padding-top * .5) em($input-padding-side * .8) !default;
$btn-mini-padding: em($input-padding-top * .1) em($input-padding-side * .6) !default;
// Components
$alerts-padding: $input-padding !default;
@@ -59,10 +61,13 @@
$pills-padding: .15em .35em !default;
$tables-padding: $input-padding !default;
$tabs-content-padding: $input-padding !default;
$tabs-tab-padding: $input-padding !default;
+// Helper classes
+$wrapper-padding: em(20px) !default;
+
// ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
// Media Queries
// --------------------------------------------------------------------------------------------------------------------
$lap-start: 481px !default;
@@ -81,19 +86,19 @@
$gutter-width: 30px !default;
$grid-padding: 10px !default;
$container-style: fluid !default;
// ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
-// Nav (resposnive-nav)
+// Nav Responsive Options
// --------------------------------------------------------------------------------------------------------------------
-$responsive-nav-breakpoint: palm !default;
-$responsive-nav-type: slide !default;
-$responsive-nav-outside-wrapper: 'body' !default;
-$responsive-nav-inside-wrapper: '.internal-wrapper' !default;
-$responsive-nav-offset: 70% !default;
-$responsive-nav-dropdown-pos: right !default;
-$responsive-nav-toggle-size: 30px !default;
+$navs-responsive-breakpoint: palm !default;
+$navs-responsive-type: slide !default;
+$navs-responsive-dropdown-pos: right !default;
+$navs-responsive-offset: 70% !default;
+
+$navs-responsive-outside-wrapper: '.external-wrapper' !default;
+$navs-responsive-inside-wrapper: '.internal-wrapper' !default;
// ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
// Z-INDEX order
// --------------------------------------------------------------------------------------------------------------------