stylewithclass 1.0.1

data/lib/stylewithclass.rb

@@ -0,0 +1,3 @@
+require 'compass'
+extension_path = File.expand_path(File.join(File.dirname(__FILE__), ".."))
+Compass::Frameworks.register('stylewithclass', :path => extension_path)

data/stylesheets/_stylewithclass.scss

@@ -0,0 +1,27 @@
+// 
+// Bootstrap
+//
+
+// Imports
+@import "stylewithclasses/settings";
+@import "stylewithclasses/margins";
+@import "stylewithclasses/paddings";
+@import "stylewithclasses/fonts";
+@import "stylewithclasses/misc";
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

data/stylesheets/stylewithclass/_fonts.scss

@@ -0,0 +1,35 @@
+// 
+// Fonts
+//
+// * Relative font sizes
+// * Absolute font sizes
+//
+
+// Font settings
+$min-fs: 8 !default;
+$max-fs: 32 !default;
+
+// Relative font sizes
+@for $i from $min-fs through $max-fs {
+	.fs-r-#{$i} {
+		font-size: ($i / 16)em;
+	}
+}
+
+// Absolut font sizes
+@for $i from $min-fs through $max-fs {
+	.fs-a-#{$i} {
+		font-size: $i * 1px;
+	}
+}
+
+// Text aligns
+.txt-al-lt {
+	text-align: left;
+}
+.txt-al-c {
+	text-align: center;
+}
+.txt-al-rt {
+	text-align: right;
+}

data/stylesheets/stylewithclass/_margins.scss

@@ -0,0 +1,48 @@
+// 
+// Margins
+//
+
+// Directions
+$directions: lt rt tp bm ver hor all;
+
+// Min and max for dimensions for margins and paddings 
+$min-pm: 1 !default;
+$max-pm: 50 !default;
+$step-pm: 1 !default;
+
+// Margins
+@each $dir in $directions {
+	
+	// Set minimum
+	$i: $min-pm;
+
+	@while $i < $max-pm {
+		@if $dir == all {
+			.m-#{$i*1} {
+				margin: $i * 1px;
+			}
+		} 
+		@else {
+			.m-#{$dir}-#{$i*1} {
+				@if $dir == lt {
+					margin-left: $i * 1px;
+				} @else if $dir == rt {
+					margin-right: $i * 1px;
+				} @else if $dir == tp {
+					margin-top: $i * 1px;
+				} @else if $dir == bm {
+					margin-bottom: $i * 1px;
+				} @else if $dir == ver {
+					margin-bottom: $i * 1px;
+					margin-top: $i * 1px;
+				} @else if $dir == hor {
+					margin-left: $i * 1px;
+					margin-right: $i * 1px;
+				}
+			}
+		}
+
+		// Increase with step
+		$i: $i + $step-pm;
+	}
+}

data/stylesheets/stylewithclass/_misc.scss

@@ -0,0 +1,46 @@
+// 
+// Miscellaneous
+//
+// * Positions 
+// * Floats
+// * Clears
+// * Overflow hidden
+//
+
+// Positions
+.p-a {
+	position: absolute;
+}
+.p-r {
+	position: relative;
+}
+.p-f {
+	position: fixed;
+}
+.p-s {
+	position: sticky; // New HTML-5 feature
+}
+
+// Floats 
+.f-lt {
+	float: left;
+}
+.f-rt {
+	float: right;
+}
+
+// Clears
+.cl-b {
+	clear: both;
+}
+.cl-lt {
+	clear: left;
+}
+.cl-rt {
+	clear: right;
+}
+
+// Overflow hidden for wrapping elements in a wrapper
+.of-hid {
+	overflow: hidden;
+}

data/stylesheets/stylewithclass/_paddings.scss

@@ -0,0 +1,48 @@
+// 
+// Paddings
+//
+
+// Directions
+$directions: lt rt tp bm ver hor all;
+
+// Min and max for dimensions for margins and paddings 
+$min-pm: 1 !default;
+$max-pm: 50 !default;
+$step-pm: 1 !default;
+
+// Paddings
+@each $dir in $directions {
+	
+	// Set minimum
+	$i: $min-pm;
+
+	@while $i < $max-pm {
+		@if $dir == all {
+			.p-#{$i*1} {
+				padding: $i * 1px;
+			}
+		} 
+		@else {
+			.p-#{$dir}-#{$i*1} {
+				@if $dir == lt {
+					padding-left: $i * 1px;
+				} @else if $dir == rt {
+					padding-right: $i * 1px;
+				} @else if $dir == tp {
+					padding-top: $i * 1px;
+				} @else if $dir == bm {
+					padding-bottom: $i * 1px;
+				} @else if $dir == ver {
+					padding-bottom: $i * 1px;
+					padding-top: $i * 1px;
+				} @else if $dir == hor {
+					padding-left: $i * 1px;
+					padding-right: $i * 1px;
+				}
+			}
+		}
+
+		// Increase with step
+		$i: $i + $step-pm;
+	}
+}

data/stylesheets/stylewithclass/_settings.scss

@@ -0,0 +1,13 @@
+// 
+// Settings
+//
+
+// Min and max paddings and margins 
+$min-pm: 1 !default;
+$max-pm: 50 !default;
+$step-pm: 1 !default;
+
+// Min and max for font sizes
+$min-fs: 8 !default;
+$max-fs: 16 !default;
+

metadata

@@ -0,0 +1,81 @@
+--- !ruby/object:Gem::Specification 
+name: stylewithclass
+version: !ruby/object:Gem::Version 
+  prerelease: false
+  segments: 
+  - 1
+  - 0
+  - 1
+  version: 1.0.1
+platform: ruby
+authors: 
+- Tingan Ho
+autorequire: 
+bindir: bin
+cert_chain: []
+
+date: 2012-09-15 00:00:00 +02:00
+default_executable: 
+dependencies: 
+- !ruby/object:Gem::Dependency 
+  name: compass
+  prerelease: false
+  requirement: &id001 !ruby/object:Gem::Requirement 
+    requirements: 
+    - - ">="
+      - !ruby/object:Gem::Version 
+        segments: 
+        - 0
+        - 11
+        version: "0.11"
+  type: :runtime
+  version_requirements: *id001
+description: StyleWithClass lets you style your web pages using predefined CSS classes that are commonly used. Such as paddings, margins, position, clear, floats etc.
+email: tingan@clockies.com
+executables: []
+
+extensions: []
+
+extra_rdoc_files: []
+
+files: 
+- README.md
+- lib/stylewithclass.rb
+- stylesheets/_stylewithclass.scss
+- stylesheets/stylewithclass/_fonts.scss
+- stylesheets/stylewithclass/_margins.scss
+- stylesheets/stylewithclass/_misc.scss
+- stylesheets/stylewithclass/_paddings.scss
+- stylesheets/stylewithclass/_settings.scss
+has_rdoc: true
+homepage: http://github.com/tinganho/stylewithclass
+licenses: []
+
+post_install_message: 
+rdoc_options: []
+
+require_paths: 
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement 
+  requirements: 
+  - - ">="
+    - !ruby/object:Gem::Version 
+      segments: 
+      - 0
+      version: "0"
+required_rubygems_version: !ruby/object:Gem::Requirement 
+  requirements: 
+  - - ">="
+    - !ruby/object:Gem::Version 
+      segments: 
+      - 0
+      version: "0"
+requirements: []
+
+rubyforge_project: stylewithclass
+rubygems_version: 1.3.6
+signing_key: 
+specification_version: 3
+summary: Style your web page using css classes
+test_files: []
+