stylesheets/settings/_dimensions.scss in rapido-css-0.1.1 vs stylesheets/settings/_dimensions.scss in rapido-css-0.1.2
- old
+ new
@@ -1,22 +1,22 @@
-/* ====================================================================================================================
+/*
Base Dimensions
$base-border-radius: 4px # Border radius used as a standard on all elements.
$horizontal-offset: 180px # Labels width in horizontal forms.
Styleguide 28
-==================================================================================================================== */
+*/
-$base-border-radius: 4px !default;
-$horizontal-offset: 180px !default;
-$dropdowns-with: 160px !default;
+$base-border-radius: 4px !default;
+$horizontal-offset: 180px !default;
+$dropdowns-with: 160px !default;
-/* --------------------------------------------------------------------------------------------------------------------
+/*
Text Size
Font sizes you can used with the compass mixin `adjust-font-size-to()`. Naming convention from [Inuit](http://inuitcss.com/).
@@ -34,31 +34,31 @@
$milli-size: $base-font-size * .85 # 12px
$micro-size: $base-font-size * .7 # 10px
Styleguide 28.1
--------------------------------------------------------------------------------------------------------------------- */
+*/
-$giga-size: $base-font-size * 7 !default;
-$mega-size: $base-font-size * 5 !default;
-$kilo-size: $base-font-size * 3.5 !default;
+$giga-size: $base-font-size * 7 !default;
+$mega-size: $base-font-size * 5 !default;
+$kilo-size: $base-font-size * 3.5 !default;
-$h1-size: $base-font-size * 2.5 !default;
-$h2-size: $base-font-size * 2 !default;
-$h3-size: $base-font-size * 1.85 !default;
-$h4-size: $base-font-size * 1.5 !default;
-$h5-size: $base-font-size * 1.25 !default;
-$h6-size: $base-font-size * 1 !default;
+$h1-size: $base-font-size * 2.5 !default;
+$h2-size: $base-font-size * 2 !default;
+$h3-size: $base-font-size * 1.85 !default;
+$h4-size: $base-font-size * 1.5 !default;
+$h5-size: $base-font-size * 1.25 !default;
+$h6-size: $base-font-size * 1 !default;
-$milli-size: $base-font-size * .85 !default;
-$micro-size: $base-font-size * .7 !default;
+$milli-size: $base-font-size * .85 !default;
+$micro-size: $base-font-size * .7 !default;
$small-size: $milli-size !default;
$smaller-size: $micro-size !default;
-/* --------------------------------------------------------------------------------------------------------------------
+/*
Line-Height
By default all titles have a line-height based on the font-size, to ensure that it will allways respect the vertical rhythm.
Sometimes this result is not what we expect/want so it's possible to override the default proportion width these.
@@ -72,20 +72,20 @@
$h5-line-height: 1.5
$h6-line-height: 1.5
Styleguide 28.1.1
--------------------------------------------------------------------------------------------------------------------- */
+*/
-$h1-line-height: 2 !default;
-$h2-line-height: 2 !default;
-$h3-line-height: 2 !default;
-$h4-line-height: 1.5 !default;
-$h5-line-height: 1.5 !default;
-$h6-line-height: 1.5 !default;
+$h1-line-height: 2 !default;
+$h2-line-height: 2 !default;
+$h3-line-height: 2 !default;
+$h4-line-height: 1.5 !default;
+$h5-line-height: 1.5 !default;
+$h6-line-height: 1.5 !default;
-/* --------------------------------------------------------------------------------------------------------------------
+/*
Forms
Base padding and margins used in the forms.
@@ -96,26 +96,26 @@
$input-padding-side: 10px # Base side padding
$checkbox-padding-left: 20px # Side padding used for checkboxes and radios
Styleguide 28.2
--------------------------------------------------------------------------------------------------------------------- */
+*/
-$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;
+$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
-$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) ;
+$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
Padding specific to every component you can use to overwrite the base padding.
@@ -144,69 +144,69 @@
$tabs-content-padding: $input-padding # Tabs padding
$tabs-tab-padding: $input-padding # Tabs padding
Styleguide 28.3
--------------------------------------------------------------------------------------------------------------------- */
+*/
// Helper classes
-$wrapper-padding: em(20px) !default;
+$wrapper-padding: em(20px) !default;
// Buttons
-$btn-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;
+$btn-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;
-$captions-padding: $input-padding !default;
-$dropdowns-padding: $input-padding !default;
-$modals-error-padding: $input-padding !default;
-$navs-padding: $input-padding !default;
-$pager-padding: $input-padding !default;
-$pagination-padding: $input-padding !default;
-$pills-padding: .15em .35em !default;
-$tables-padding: $input-padding !default;
-$tabs-content-padding: $input-padding !default;
-$tabs-tab-padding: $input-padding !default;
+$alerts-padding: $input-padding !default;
+$captions-padding: $input-padding !default;
+$dropdowns-padding: $input-padding !default;
+$modals-error-padding: $input-padding !default;
+$navs-padding: $input-padding !default;
+$pager-padding: $input-padding !default;
+$pagination-padding: $input-padding !default;
+$pills-padding: .15em .35em !default;
+$tables-padding: $input-padding !default;
+$tabs-content-padding: $input-padding !default;
+$tabs-tab-padding: $input-padding !default;
-/* --------------------------------------------------------------------------------------------------------------------
+/*
Sizes
$loader-ico-size: 44px # Icon size of the loader used with some componets
$modal-btn-size: em(30px) # Size of buttons used with the modals
$slider-btn-size: em(30px) # Size of buttons used with the sliders
Styleguide 28.4
--------------------------------------------------------------------------------------------------------------------- */
+*/
-$loader-ico-size: 44px !default;
-$modal-btn-size: em(30px) !default;
-$slider-btn-size: em(30px) !default;
+$loader-ico-size: 44px !default;
+$modal-btn-size: em(30px) !default;
+$slider-btn-size: em(30px) !default;
-/* --------------------------------------------------------------------------------------------------------------------
+/*
Heights
Some elements need to have a max-height specified for smoother animations, like dropdowns:
$dropdowns-height: em(600px);
Styleguide 28.5
--------------------------------------------------------------------------------------------------------------------- */
+*/
-$dropdowns-height: em(600px) !default;
+$dropdowns-height: em(600px) !default;
-/* --------------------------------------------------------------------------------------------------------------------
+/*
Media Queries
Set the width of the three steps of the layout.
@@ -214,21 +214,21 @@
$desk-start: 768px # Max width for tablet
$desk-end: 1080px # Max width for desktop
Styleguide 28.6
--------------------------------------------------------------------------------------------------------------------- */
+*/
-$lap-start: 481px !default;
-$desk-start: 768px !default;
-$desk-end: 1080px !default;
+$lap-start: 481px !default;
+$desk-start: 768px !default;
+$desk-end: 1080px !default;
-$palm-end: $lap-start - 1px;
-$lap-end: $desk-start - 1px;
+$palm-end: $lap-start - 1px;
+$lap-end: $desk-start - 1px;
-/* --------------------------------------------------------------------------------------------------------------------
+/*
Grid (Susy)
Default settings for susy grid. More info: [Susy](http://susy.oddbird.net/).
@@ -237,19 +237,19 @@
$gutter-width: 30px # Gutter width
$container-style: fluid # Grid style
Styleguide 28.7
--------------------------------------------------------------------------------------------------------------------- */
+*/
-$total-columns: 12 !default;
-$column-width: 50px !default;
-$gutter-width: 30px !default;
-$container-style: fluid !default;
+$total-columns: 12 !default;
+$column-width: 50px !default;
+$gutter-width: 30px !default;
+$container-style: fluid !default;
-/* --------------------------------------------------------------------------------------------------------------------
+/*
Nav Responsive Options
$navs-responsive-breakpoint: palm # On what step to switch to the responsive nav
$navs-responsive-type: slide # Responsive nav style: slide or off-canvas
@@ -259,21 +259,21 @@
$navs-responsive-outside-wrapper: '.external-wrapper'
$navs-responsive-inside-wrapper: '.internal-wrapper'
Styleguide 28.8
--------------------------------------------------------------------------------------------------------------------- */
+*/
-$navs-responsive-breakpoint: palm !default;
-$navs-responsive-type: slide !default;
-$navs-responsive-dropdown-pos: right !default;
-$navs-responsive-offset: 70% !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;
+$navs-responsive-outside-wrapper: '.external-wrapper' !default;
+$navs-responsive-inside-wrapper: '.internal-wrapper' !default;
-/* --------------------------------------------------------------------------------------------------------------------
+/*
Z-index
Default settings for overlay components, taken from Bootstrap.
@@ -283,13 +283,13 @@
$zindex-slider: 1040 # Sliders
$zindex-modal: 1050 # Modals
Styleguide 28.9
--------------------------------------------------------------------------------------------------------------------- */
+*/
-$zindex-dropdown: 1000 !default;
-$zindex-popover: 1010 !default;
-$zindex-tooltip: 1030 !default;
-$zindex-slider: 1040 !default;
-$zindex-modal: 1050 !default;
\ No newline at end of file
+$zindex-dropdown: 1000 !default;
+$zindex-popover: 1010 !default;
+$zindex-tooltip: 1030 !default;
+$zindex-slider: 1040 !default;
+$zindex-modal: 1050 !default;