juliana 0.0.2 → 0.0.4

data/sass/_juliana.scss

@@ -1 +1,2 @@
+@import "juliana/settings";
 @import "juliana/mixins";

data/sass/juliana/_mixins.scss

@@ -1,8 +1,10 @@
 //**
 //* Sets the width and height.
 //*
-//* @param string $width The width of the element
-//* @param string|boolean $height The height of the element, or false if it is the same as the width
+//* @param string $width 
+//*   The width of the element
+//* @param string|boolean $height
+//*   The height of the element, or false if it is the same as the width
 //*/
 @mixin size( $width, $height: false ) {
   width: $width;  
@@ -18,55 +20,72 @@
 //**
 //* Sets a box-shadow
 //*
-//* @param string $params The parameters of your box-shadow
+//* @param string $params
+//*   The parameters of your box-shadow
 //*/
-@mixin box-shadow( $params ) {
-  -webkit-box-shadow: $params;
-     -moz-box-shadow: $params;
-          box-shadow: $params;
+@mixin box-shadow($shadow-1, $shadow-2: false, $shadow-3: false, $shadow-4: false, $shadow-5: false, $shadow-6: false, $shadow-7: false, $shadow-8: false, $shadow-9: false, $shadow-10: false) {
+  $shadow: compact($shadow-1, $shadow-2, $shadow-3, $shadow-4, $shadow-5, $shadow-6, $shadow-7, $shadow-8, $shadow-9, $shadow-10);
+  @include experimental(box-shadow, $shadow, -webkit, -moz, not -o, not -ms, not -khtml, official);
 }
 
 //**
 //* Sets a border-radius
 //*
-//* @param string $params The parameters of your border-radius
+//* @param string $radii 
+//*   The radii values of your border
 //*/
-@mixin border-radius( $params ) {
-     -moz-border-radius: $params;
-          border-radius: $params;
+@mixin border-radius( $radii ) {
+     -moz-border-radius: $radii;
+          border-radius: $radii;
 }
 
 //**
 //* Sets opacity
 //*
-//* @param number $opacity The value of your opacity from 0 to 1
+//* @param number $opacity 
+//*   A number between 0 and 1, where 0 is transparent and 1 is opaque.
 //*/
 @mixin opacity( $opacity ) {
   opacity: $opacity;
   filter:alpha(opacity=$opacity * 100);
 }
 
-//**
-//* Defines a transition
-//*
-//* @param string $params The parameters of your transition
-//*/
-@mixin transition( $params ) {
-  -webkit-transition: $params;
-     -moz-transition: $params;
-       -o-transition: $params;
-          transition: $params;
-}
-
 //**
 //* Sets rotation values
 //*
 //* @param string $params The parameters of your rotate
 //*/
-@mixin rotate ( $params ) {
+@mixin rotate( $params ) {
   -webkit-transform: rotate( $params );
      -moz-transform: rotate( $params );
       -ms-transform: rotate( $params );
        -o-transform: rotate( $params );
           transform: rotate( $params );
+}
+
+//**
+//* Creates content and rules for a pseudo-element
+//*
+//* @param string [$display] The display value of your pseudo-element. Defaults to inline-block
+//* @param string [$content] The content value of your pseudo-element. Defaults to an empty string
+//* @param string [$position] The position value of your pseudo-element. Defaults to false, which does not set a position
+//*/
+@mixin pseudo( $display: inline-block, $content: "", $position: false ) {
+  display: $display;
+  content: $content;
+  
+  @if $position {
+    position: $position;
+  }
+}
+
+//**
+//* Sets the box-sizing.
+//*
+//* @param string [$sizing] The type of box-sizing you want to use. Defaults to border-box.
+//*/
+@mixin box-sizing( $sizing: border-box ) {
+  -webkit-box-sizing: $sizing;
+	   -moz-box-sizing: $sizing;
+	        box-sizing: $sizing;
 }

data/sass/juliana/_settings.scss

@@ -0,0 +1,3 @@
+$legacy-support-for-ie: false;
+$legacy-support-for-ie8: false;
+$experimental-support-for-microsoft: false;

metadata

@@ -5,8 +5,8 @@ version: !ruby/object:Gem::Version
   segments: 
   - 0
   - 0
-  - 2
-  version: 0.0.2
+  - 4
+  version: 0.0.4
 platform: ruby
 authors: 
 - Jackie, Jess, John
@@ -30,6 +30,7 @@ files:
 - lib/juliana.rb
 - sass/_juliana.scss
 - sass/juliana/_mixins.scss
+- sass/juliana/_settings.scss
 has_rdoc: true
 homepage: http://be.net
 licenses: []