helio 0.0.1.2 → 0.0.1.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 97216ea3f9eabbfcb9139d37aaa8b29d55f157cb
-  data.tar.gz: 3fe87149c4e5cf95ba8dba1659a6f184bf375b03
+  metadata.gz: 40a9e016971dbce17629f1fcb74faaef847a5786
+  data.tar.gz: 77d49abc24db10dba196f7d53eefd51c0f499d99
 SHA512:
-  metadata.gz: 2e16f5c32979f17d23a6a9e3b378e2da909620dda93d7b69a90422f20103ca472d7ccfc25f035139ec6de7f7a1ae2f440100502d2b6a89595b348be34e261249
-  data.tar.gz: 8a98fd1c3a18f46a152029b9bdae062a24c77d22e3d08d917d2efd20fa639f915ceacd0c9fbda54a3025bb6d04565c573a3e6e2f71a58510347ba18daea1551d
+  metadata.gz: 4a5a29c25595b7986f611b75c29f2f4812861404dcc7098445601cec0c8f63b849895a80c296760dd960403431193f1832ad25db321e2d96376042b5a8c778fc
+  data.tar.gz: 29de561b6eeff1a98016ced62fe87f04c79b80cf01f9bc4dbcbc19d4b0b2a6d29b037eb1d377edf257134c10a585dbf331a02226c407cc520be0d775ef73670e

data/assets/stylesheets/_helio.scss

@@ -7,4 +7,5 @@
 @import "helio/spaces";
 @import "helio/fonts";
 @import "helio/borders";
+@import "helio/opacities";
 @import "helio/utilities";

data/assets/stylesheets/helio/_borders.scss

@@ -302,3 +302,11 @@
 
   @include border-widths(#{$name}, #{$value});
 }
+
+@include border-radiuses(0, 0px);
+@for $space-index from 1 through length($helio-spaces) {
+  $name: $space-index;
+  $value: nth($helio-spaces, $space-index);
+
+  @include border-radiuses($name, $value);
+}

data/assets/stylesheets/helio/_opacities.scss

@@ -0,0 +1,24 @@
+@mixin opacities($name, $integer) {
+  .opa-#{$name},
+  .opa-#{$name}-hover:hover,
+  .active .opa-#{$name}-active,
+  .active .opa-#{$name}-active:hover {
+    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$integer)";
+    filter: alpha(opacity=$integer);
+    -moz-opacity: $integer / 100;
+    -khtml-opacity: $integer / 100;
+    opacity: $integer / 100;
+  }
+}
+
+
+
+@include opacities(0, 0);
+@include opacities(a, 100);
+
+@for $fade-index from 1 through length($helio-fades) {
+  $name: $fade-index;
+  $value: nth($helio-fades, $fade-index);
+
+  @include opacities($name, $value);
+}

data/assets/stylesheets/helio/_variables.scss

@@ -78,6 +78,17 @@ $helio-border-radiuses:       2px,
                               30px
                               !default;
 
+$helio-fades:                 10,
+                              20,
+                              30,
+                              40,
+                              50,
+                              60,
+                              70,
+                              80,
+                              90
+                              !default;
+
 
 //== Media queries breakpoints
 //== Credit: Bootstrap

data/lib/helio/version.rb

@@ -1,3 +1,3 @@
 module Helio
-  VERSION = '0.0.1.2'
+  VERSION = '0.0.1.3'
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: helio
 version: !ruby/object:Gem::Version
-  version: 0.0.1.2
+  version: 0.0.1.3
 platform: ruby
 authors:
 - Paul Jovanovic
@@ -194,6 +194,7 @@ files:
 - assets/stylesheets/helio/_fonts.scss
 - assets/stylesheets/helio/_functions.scss
 - assets/stylesheets/helio/_mixins.scss
+- assets/stylesheets/helio/_opacities.scss
 - assets/stylesheets/helio/_spaces.scss
 - assets/stylesheets/helio/_utilities.scss
 - assets/stylesheets/helio/_variables.scss