helium-rails 0.0.1

data/vendor/assets/stylesheets/helium/utilities.scss

@@ -0,0 +1,272 @@
+// ! Type derivative variables
+// ---------------------------
+
+$tu: $base-font-size / 4;
+$base-line-height: $tu * 6;
+
+// ! Pseudo elements
+// -----------------
+
+@mixin pseudo() {
+	content: "";
+	display: block;
+	position: absolute;
+}
+
+// ! CSS triangles
+// ---------------
+
+@mixin css-triangle($triangle-size, $triangle-color, $triangle-direction) {
+	
+	@include pseudo();
+	
+	width: 0;
+	height: 0;
+	border: solid $triangle-size;
+	
+	@if ($triangle-direction == top) {
+		border-color: $triangle-color transparent transparent transparent;
+	}
+	@if ($triangle-direction == bottom) {
+		border-color: transparent transparent $triangle-color transparent;
+	}
+	@if ($triangle-direction == left) {
+		border-color: transparent transparent transparent $triangle-color;
+	}
+	@if ($triangle-direction == right) {
+		border-color: transparent $triangle-color transparent transparent;
+	}
+}
+
+// ! List operations
+// -----------------
+
+@mixin list-reset {
+	margin-left: 0px;
+	
+	> li {
+		display: block;
+		list-style-type: none;	
+	}
+}
+
+@mixin list-horizontal {
+	@include clearfix();
+	
+	> li {
+		display: block;
+		float: left;
+		list-style-type: none;
+	}
+}
+
+// ! Floats
+// --------
+
+.float-left {
+	float: left;
+}
+.float-right {
+	float: right;
+}
+.float-none {
+	float: none;
+}
+.block {
+	display: block;
+}
+.nowrap {
+	overflow: hidden;
+}
+
+// ! Clearfix
+// ----------
+
+@mixin clearfix {
+    &:before,
+    &:after {
+        content:"";
+        display:table;
+    }
+    &:after {
+        clear:both;
+    }
+    zoom:1;
+}
+
+.clearfix {
+	@include clearfix();
+}
+
+// ! Type helper classes
+// ---------------------
+
+.bold, strong {
+	font-weight: bold;
+}
+
+.ellipsis {
+	display: block;
+	overflow: hidden;
+	white-space: nowrap;
+	text-overflow: ellipsis;
+}
+
+.italic, em {
+	font-style: italic;
+}
+
+.lh1 {
+	line-height: 1 !important;
+}
+
+.muted {
+	color: $muted-font-color;
+}
+
+.small {
+	font-family: $base-font-family;
+	font-size: $small-font-size;
+	font-weight: normal;
+	line-height: $small-line-height;
+}
+
+.text-left {
+	text-align: left;
+}
+
+.text-right {
+	text-align: right;
+}
+
+.text-centered {
+	text-align: center;
+}
+
+.underlined {
+	text-decoration: underline;
+}
+
+.uppercase {
+	text-transform: uppercase;
+}
+
+// ! Images
+// --------
+
+img {
+	display: block;
+	width: 100%;
+	max-width: 100%;
+	
+	&.native-width {
+		width: auto;
+	}
+}
+
+// ! Responsive helper variables
+// -----------------------------
+
+$devices: mobile, mobile-tablet, tablet, tablet-desktop, desktop;
+$mobile-end: $responsive-breakpoint;
+$tablet-start: $mobile-end + 1;
+$tablet-end: $page-width + ($column-gutter * 2);
+$desktop-start: $tablet-end + 1;
+
+// ! Respond to device mixins
+// --------------------------
+
+@mixin respond-to($device) {
+	
+	@if $device == "desktop" {
+		@media screen and (min-width: $desktop-start) { @content }
+	}
+	
+	@if $device == "tablet-desktop" {
+		@media screen and (min-width: $tablet-start) { @content }
+	}
+	
+	@if $device == "tablet" {
+		@media screen and (min-width: $tablet-start) and (max-width: $tablet-end) { @content }
+	}
+	
+	@if $device == "mobile-tablet" {
+		@media screen and (max-width: $tablet-end) { @content }
+	}
+	
+	@if $device == "mobile" {
+		@media screen and (max-width: $mobile-end) { @content }
+	}
+}
+
+// ! Show or hide on device
+// ------------------------
+
+.show-on-mobile,
+.show-on-mobile-tablet,
+.show-on-tablet,
+.show-on-tablet-desktop,
+.show-on-desktop {
+	display: none !important;
+}
+
+@each $device in $devices {
+	@include respond-to($device) {
+		.show-on-#{$device} { display: inherit !important; }
+		.hide-on-#{$device} { display: none !important; }
+	}
+}
+
+// ! Box model helpers
+// -------------------
+
+$x-sides: (l left), (r right);
+$y-sides: (t top), (b bottom);
+$spacing-types: (m margin), (p padding);
+
+// ! Margin and padding
+// --------------------
+
+@each $spacing-type in $spacing-types {
+	@for $i from 0 through 10 {
+		@each $side in join($x-sides, $y-sides) {
+			.#{nth($spacing-type, 1)}#{nth($side, 1)}#{$i} {
+				#{nth($spacing-type, 2)}-#{nth($side, 2)}: $tu * $i !important;
+			}
+		}
+	}
+}
+
+// ! Borders
+// ---------
+
+@each $side in join($x-sides, $y-sides) {
+	.b#{nth($side, 1)} {
+		border-#{nth($side, 2)}: 1px solid $border-color;
+	}
+}
+
+// ! Sticky footer
+// ---------------
+
+.sticky-footer {
+	#footer-pusher {
+		height: auto;
+		min-height: 100%;	
+	}
+	
+	#page-footer {
+		position: relative;
+	}
+}
+
+// ! Max widths
+// ------------
+
+@include respond-to(mobile-tablet) {
+	$i: 50;
+	@while $i > 0 {
+		.max-#{$i} { max-width: 1% * $i; }
+		$i: $i - 10;
+	}
+}

data/vendor/assets/stylesheets/helium/webfonts.scss.erb

@@ -0,0 +1,8 @@
+@font-face {
+  font-family: 'Entypo';
+  src: url('<%= asset_path "entypo.eot" %>');
+  src:  url('<%= asset_path "entypo.woff" %>') format('woff'),
+      url('<%= asset_path "entypo.ttf" %>') format('truetype'),
+      url('<%= asset_path "entypo.svg" %>') format('svg');
+      font-weight: 400;
+}

data/vendor/assets/webfonts/entypo.svg

@@ -0,0 +1,13 @@
+<?xml version="1.0" standalone="no"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd" > <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
+<defs >
+<font id="entypo" horiz-adv-x="508" ><font-face
+    font-family="Entypo"
+    units-per-em="1000"
+    panose-1="0 0 0 0 0 0 0 0 0 0"
+    ascent="750"
+    descent="-250"
+    alphabetic="0" />
+<missing-glyph horiz-adv-x="500" />
+</font>
+</defs>
+</svg>

metadata

@@ -0,0 +1,107 @@
+--- !ruby/object:Gem::Specification
+name: helium-rails
+version: !ruby/object:Gem::Version
+  version: 0.0.1
+  prerelease: 
+platform: ruby
+authors:
+- Tatsuo Kaniwa
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2013-03-16 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: rails
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - '>='
+      - !ruby/object:Gem::Version
+        version: 3.1.0
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - '>='
+      - !ruby/object:Gem::Version
+        version: 3.1.0
+- !ruby/object:Gem::Dependency
+  name: compass-rails
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+description: Vendors Helium CSS framework for use with asset pipeline.
+email:
+- tatsuo@kaniwa.biz
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- lib/helium/rails/version.rb
+- lib/helium/rails.rb
+- vendor/assets/webfonts/entypo.ttf
+- vendor/assets/webfonts/entypo.woff
+- vendor/assets/webfonts/entypo.svg
+- vendor/assets/webfonts/entypo.eot
+- vendor/assets/stylesheets/helium/dropdowns.scss
+- vendor/assets/stylesheets/helium/grid.scss
+- vendor/assets/stylesheets/helium/utilities.scss
+- vendor/assets/stylesheets/helium/modals.scss
+- vendor/assets/stylesheets/helium/forms.scss
+- vendor/assets/stylesheets/helium/config.scss
+- vendor/assets/stylesheets/helium/type.scss
+- vendor/assets/stylesheets/helium/webfonts.scss.erb
+- vendor/assets/stylesheets/helium/navs.scss
+- vendor/assets/stylesheets/helium/master.scss
+- vendor/assets/stylesheets/helium/buttons.scss
+- vendor/assets/stylesheets/helium/components.scss
+- vendor/assets/javascripts/helium/bootstrap-transition.js
+- vendor/assets/javascripts/helium/bootstrap-modal.js
+- vendor/assets/javascripts/helium/bootstrap-collapse.js
+- vendor/assets/javascripts/helium/bootstrap-dropdown.js
+- vendor/assets/javascripts/helium/bootstrap.min.js
+- vendor/assets/javascripts/helium/bootstrap-modal-ck.js
+- LICENSE
+- README.md
+homepage: https://github.com/t-k/helium-rails
+licenses:
+- MIT
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+      segments:
+      - 0
+      hash: 3787106844474770069
+required_rubygems_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - '>='
+    - !ruby/object:Gem::Version
+      version: 1.3.6
+requirements: []
+rubyforge_project: 
+rubygems_version: 1.8.25
+signing_key: 
+specification_version: 3
+summary: Helium CSS framework for Rails
+test_files: []