rapido-css 0.0.2.1 → 0.0.3

data/stylesheets/components/config.rb

@@ -0,0 +1,8 @@
+http_path = "/"
+css_dir = "."
+sass_dir = "."
+images_dir = "img"
+javascripts_dir = "js"
+output_style = :compressed
+relative_assets=true
+line_comments = false

data/stylesheets/config.rb

@@ -0,0 +1,8 @@
+http_path = "/"
+css_dir = "."
+sass_dir = "."
+images_dir = "img"
+javascripts_dir = "js"
+output_style = :compressed
+relative_assets=true
+line_comments = false

data/stylesheets/settings/_base.scss

@@ -29,7 +29,7 @@ $font-serif:       									Georgia, "Times New Roman", Times, serif 			!default
 $font-mono:        									Monaco, Menlo, Consolas, "Courier New", monospace 	!default;
 
 $base-font-family:  								$font-sans 											!default;
-$titles-font-family:  								''		 											!default;
+$titles-font-family:  								$font-sans 											!default;
 
 // ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
 // Convert to Ems

data/stylesheets/settings/_components.scss

@@ -12,16 +12,15 @@ $dropdowns: 						true 		!default;
 
 $forms: 							true 		!default;
 	$forms-append:					true 		!default;
-	$forms-inline:					true 		!default;
+	$forms-grid: 					true 		!default;
 	$forms-aligned:					true 		!default;
-	$forms-columns: 				true 		!default;
+	$forms-inline:					true 		!default;
 
-$modals: 							true 		!default;
 $navs: 								true 		!default;
+$navs-responsive: 					true 		!default;
 $pager: 							true 		!default;
 $pagination: 						true 		!default;
 $labels: 							true 		!default;
-$responsive-navs: 					true 		!default;
 $tables: 							true 		!default;
 
 $tabs:								true 		!default;

data/stylesheets/settings/_dimensions.scss

@@ -4,6 +4,7 @@
 
 $base-border-radius:  				4px 																	!default;
 $horizontal-offset:       			180px		 															!default;
+$dropdowns-with:       				160px		 															!default;
 
 // ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
 // Text
@@ -32,8 +33,9 @@ $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)  		;
@@ -44,7 +46,7 @@ $control-min-height: 				em($base-line-height + $label-margin-bottom) + $input-h
 
 // 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;
 
@@ -61,6 +63,9 @@ $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
 // --------------------------------------------------------------------------------------------------------------------
@@ -83,16 +88,16 @@ $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

data/stylesheets/settings/config.rb

@@ -0,0 +1,8 @@
+http_path = "/"
+css_dir = "."
+sass_dir = "."
+images_dir = "img"
+javascripts_dir = "js"
+output_style = :compressed
+relative_assets=true
+line_comments = false

data/stylesheets/utilities/_helper-classes.scss

@@ -6,8 +6,8 @@
 	@extend .clearfix;
 	margin: 0 auto;
 	max-width: $desk-end;
-	padding-left: 20px;
-	padding-right: 20px;
+	padding-left: $wrapper-padding;
+	padding-right: $wrapper-padding;
 }
 
 .fixed-wrapper, .fw {
@@ -22,8 +22,9 @@
 
 $i: 100;
 @while $i > 0 {
-	.width-#{$i} { width: $i * 1% !important; }
-	$i: $i - 5;
+	%width-#{$i} { width: $i * 1% !important; }
+	[data-width="#{$i}"] { @extend %width-#{$i}; }
+	$i: $i - 1;
 }
 
 // ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
@@ -34,8 +35,12 @@ $i: 100;
 	@include transition();
 }
 
+.divider {
+	@include nav-divider();
+}
+
 // ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
-// Text replacement
+// Text replacement (from http://html5boilerplate.com/)
 // --------------------------------------------------------------------------------------------------------------------
 .ir{background-color:transparent;border:0;overflow:hidden;text-indent:-9999px;line-height:0;font-size:0;}
 .ir:before{content:"";display:block;width:0;height:150%}

data/stylesheets/utilities/_mixins.scss

@@ -135,13 +135,10 @@
 
 		@if $direction == up {
 			border-bottom-color: $color;
-
 		} @else if $direction == right {
 			border-left-color:   $color;
-
 		} @else if $direction == down {
 			border-top-color:    $color;
-
 		} @else if $direction == left {
 			border-right-color:  $color;
 		}
@@ -152,7 +149,6 @@
 
 		@if $direction == up-right {
 			border-left:  $size solid transparent;
-
 		} @else if $direction == up-left {
 			border-right: $size solid transparent;
 		}
@@ -163,7 +159,6 @@
 
 		@if $direction == down-right {
 			border-left:  $size solid transparent;
-
 		} @else if $direction == down-left {
 			border-right: $size solid transparent;
 		}

data/stylesheets/utilities/config.rb

@@ -0,0 +1,8 @@
+http_path = "/"
+css_dir = "."
+sass_dir = "."
+images_dir = "img"
+javascripts_dir = "js"
+output_style = :compressed
+relative_assets=true
+line_comments = false

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: rapido-css
 version: !ruby/object:Gem::Version
-  version: 0.0.2.1
+  version: 0.0.3
   prerelease: 
 platform: ruby
 authors:
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2013-06-02 00:00:00.000000000 Z
+date: 2013-06-25 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: compass
@@ -27,15 +27,14 @@ dependencies:
     - - ! '>='
       - !ruby/object:Gem::Version
         version: '0.11'
-description: An easy and quick prototyping framework based on Bootstrap without all
-  the default styles. It’s still a early alpha, when I’ll fixed the majority of the
-  bugs I’ll write some documentation.
+description: An easy and quick sass+compass+susy prototyping framework based on Bootstrap
+  without all the default styles.
 email: raffaele.rasini@gmail.com
 executables: []
 extensions: []
 extra_rdoc_files: []
 files:
-- README.mkdn
+- README.md
 - lib/rapido-css.rb
 - stylesheets/_default-styles.scss
 - stylesheets/_functions.scss
@@ -60,11 +59,14 @@ files:
 - stylesheets/components/_tables.scss
 - stylesheets/components/_tabs.scss
 - stylesheets/components/_type.scss
+- stylesheets/components/config.rb
+- stylesheets/config.rb
 - stylesheets/settings/_base.scss
 - stylesheets/settings/_colors.scss
 - stylesheets/settings/_components.scss
 - stylesheets/settings/_dimensions.scss
 - stylesheets/settings/_effects.scss
+- stylesheets/settings/config.rb
 - stylesheets/susy/_susy_background.scss
 - stylesheets/susy/_susy_functions.scss
 - stylesheets/susy/_susy_grid.scss
@@ -82,6 +84,7 @@ files:
 - stylesheets/utilities/_media-queries.scss
 - stylesheets/utilities/_mixins.scss
 - stylesheets/utilities/_sprites.scss
+- stylesheets/utilities/config.rb
 - templates/project/manifest.rb
 - templates/project/screen.scss
 homepage: https://github.com/raffone/rapido

data/README.mkdn

@@ -1,20 +0,0 @@
-Rapido Framework
-================
-
-An easy and quick prototyping framework based on Bootstrap without all the default styles.
-
-It's still a early alpha, when I'll fixed the majority of the bugs I'll write some documentation.
-
-== Contributing to rapido-css
-
-* Check out the latest master to make sure the feature hasn't been implemented or the bug hasn't been fixed yet.
-* Check out the issue tracker to make sure someone already hasn't requested it and/or contributed it.
-* Fork the project.
-* Start a feature/bugfix branch.
-* Commit and push until you are happy with your contribution.
-* Make sure to add tests for it. This is important so I don't break it in a future version unintentionally.
-* Please try not to mess with the Rakefile, version, or history. If you want to have your own version, or is otherwise necessary, that is fine, but please isolate to its own commit so I can cherry-pick around it.
-
-== Copyright
-
-Copyright (c) 2013 Raffaele Rasini. See LICENSE.txt for further details.