droidcss 1.0.3 → 1.0.4

data/README.md

@@ -6,11 +6,36 @@ Small responsive framework with grids and couple mixins. We've took the most use
 
 ## What's under the hood?
 
-* CSS Reset
+* Normalize.css
 * CSS3 Mixins
 * Compiled CSS file (from SCSS)
 
-## How to use with SCSS
+## How to use DroidCSS within Rails/Sinatra application
+
+#### Step 1: Set variables
+
+Set variables if needed. Otherwise, skip to the next step.
+
+Create a file called setup.scss in 'partials' folder and declare it right before any DroidCSS files declaration. You main SCSS (probably, it will be application.scss) file will look like this:
+
+    @import 'partials/setup';
+
+
+#### Step 2.1: Application without web-fonts (@font-face)
+
+Import DroidCSS main file:
+
+    @import 'droidcss';
+
+#### Step 2.2: Application with web-fonts (@font-face)
+
+Create a new file 'fonts.scss' in 'partials' folder. Place font-face mixins in fonts.scss file. Then import all needed files in the main scss file:
+
+    @import 'droidcss/mixins';
+    @import 'partials/fonts';
+    @import 'droidcss/base';
+
+## How to use SCSS without Rails/Sinatra application
 
 On Mac it's easy to use it with:
 
@@ -19,6 +44,10 @@ On Mac it's easy to use it with:
 * [Hammer](http://www.hammerformac.com/)
 * [LiveReload](http://www.livereload.com/)
 
+Just drag&drop DroidCSS folder into the application, then point your html file to DroidCSS. For example:
+
+    <link href="droidcss/droidcss.css" rel="stylesheet">
+
 ## Variables
 
 All the variables can be found in partials/setup.scss file
@@ -108,8 +137,8 @@ CSS output result:
 
     @font-face {
       font-family: "MuseoSans";
-      font-weight: "700";
-      font-style: "italic";
+      font-weight: 700;
+      font-style: italic;
       src: url("/assets/fonts/museosans-bold-italic.eot");
       src: url("/assets/fonts/museosans-bold-italic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/museosans-bold-italic.woff") format("woff"), url("/assets/fonts/museosans-bold-italic.ttf") format("truetype"), url("/assets/fonts/museosans-bold-italic.svg#MuseoSans") format("svg");
     }
@@ -138,6 +167,52 @@ CSS output result:
     -moz-transition: opacity 0.2s linear;
     transition: opacity 0.2s linear;
 
+#### Size:
+
+Usage:
+
+    @include size(100px, 200px);
+
+CSS output result:
+
+    width: 100px;
+    height: 200px;
+
+#### Square:
+
+Usage:
+
+    @include square(100px);
+
+CSS output result:
+
+    width: 100px;
+    height: 100px;
+
+#### Triangle:
+
+Creates a triangle. Arguments: ($size, $color, $direction)
+
+$direction may be:
+
+* up
+* down
+* left
+* right
+
+Usage:
+
+    @include triangle(10px, #ccc, down);
+
+CSS output result:
+
+    height: 0;
+    width: 0;
+    border-color: transparent;
+    border-style: solid;
+    border-width: 5px;
+    border-top-color: #ccc;
+
 ## Default classes
 
 Default classes available in *partials/defaults.scss*:
@@ -148,6 +223,10 @@ Default classes available in *partials/defaults.scss*:
 * .clear - clearing blocks
 * .clearfix - clearfix for blocks
 
+## Contributors
+
+Thanks for contributing into the gem, [Alexander](https://github.com/selivandex)!
+
 ## License
 
 Licenced under MIT: <http://opensource.org/licenses/MIT>.

data/lib/droidcss/version.rb

@@ -1,3 +1,3 @@
 module DroidCss
-  VERSION = "1.0.3"
+  VERSION = "1.0.4"
 end

data/vendor/assets/stylesheets/droidcss/mixins/sizing.scss

@@ -0,0 +1,8 @@
+@mixin size($width, $height) {
+  width: $width;
+  height: $height;
+}
+@mixin square($size) {
+  width: $size;
+  height: $size;
+}

data/vendor/assets/stylesheets/droidcss/mixins/triangle.scss

@@ -0,0 +1,20 @@
+@mixin triangle ($size, $color, $direction) {
+  height: 0;
+  width: 0;
+  border-color: transparent;
+  border-style: solid;
+  border-width: $size / 2;
+
+  @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;
+  }
+}

data/vendor/assets/stylesheets/droidcss/mixins.scss

@@ -4,4 +4,6 @@
 @import 'droidcss/mixins/box-sizing';
 @import 'droidcss/mixins/font-face';
 @import 'droidcss/mixins/transforms';
-@import 'droidcss/mixins/clearfix';
+@import 'droidcss/mixins/clearfix';
+@import 'droidcss/mixins/sizing';
+@import 'droidcss/mixins/triangle';

metadata

@@ -1,36 +1,46 @@
---- !ruby/object:Gem::Specification
+--- !ruby/object:Gem::Specification 
 name: droidcss
-version: !ruby/object:Gem::Version
-  version: 1.0.3
+version: !ruby/object:Gem::Version 
+  prerelease: false
+  segments: 
+  - 1
+  - 0
+  - 4
+  version: 1.0.4
 platform: ruby
-authors:
+authors: 
 - Ilya Gorenburg
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2013-10-10 00:00:00.000000000 Z
-dependencies:
-- !ruby/object:Gem::Dependency
+
+date: 2013-10-13 00:00:00 +04:00
+default_executable: 
+dependencies: 
+- !ruby/object:Gem::Dependency 
   name: sass
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - ! '>='
-      - !ruby/object:Gem::Version
-        version: 3.2.0
-  type: :runtime
   prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - ! '>='
-      - !ruby/object:Gem::Version
+  requirement: &id001 !ruby/object:Gem::Requirement 
+    requirements: 
+    - - ">="
+      - !ruby/object:Gem::Version 
+        segments: 
+        - 3
+        - 2
+        - 0
         version: 3.2.0
+  type: :runtime
+  version_requirements: *id001
 description: Small responsive framework
-email:
+email: 
 - ilya@droidlabs.pro
 executables: []
+
 extensions: []
+
 extra_rdoc_files: []
-files:
+
+files: 
 - .gitignore
 - CHANGELOG.MD
 - LICENSE
@@ -49,33 +59,42 @@ files:
 - vendor/assets/stylesheets/droidcss/mixins/font-face.scss
 - vendor/assets/stylesheets/droidcss/mixins/gradients.scss
 - vendor/assets/stylesheets/droidcss/mixins/prefixer.scss
+- vendor/assets/stylesheets/droidcss/mixins/sizing.scss
 - vendor/assets/stylesheets/droidcss/mixins/transforms.scss
 - vendor/assets/stylesheets/droidcss/mixins/transitions.scss
+- vendor/assets/stylesheets/droidcss/mixins/triangle.scss
 - vendor/assets/stylesheets/droidcss/partials/defaults.scss
 - vendor/assets/stylesheets/droidcss/partials/grid.scss
 - vendor/assets/stylesheets/droidcss/partials/reset.scss
+has_rdoc: true
 homepage: https://github.com/droidlabs/droidcss
-licenses:
+licenses: 
 - MIT
-metadata: {}
 post_install_message: 
 rdoc_options: []
-require_paths:
+
+require_paths: 
 - lib
-required_ruby_version: !ruby/object:Gem::Requirement
-  requirements:
-  - - ! '>='
-    - !ruby/object:Gem::Version
-      version: '0'
-required_rubygems_version: !ruby/object:Gem::Requirement
-  requirements:
-  - - ! '>='
-    - !ruby/object:Gem::Version
-      version: '0'
+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: 
-rubygems_version: 2.0.5
+rubygems_version: 1.3.6
 signing_key: 
-specification_version: 4
+specification_version: 3
 summary: Small responsive framework
 test_files: []
+

checksums.yaml

@@ -1,15 +0,0 @@
----
-!binary "U0hBMQ==":
-  metadata.gz: !binary |-
-    MzUyOGM0ZmZiZjI4MGE0ZGU3NDhlZTcyM2M5NjhhOTExZGRmNGFiZg==
-  data.tar.gz: !binary |-
-    MDM0NmQ5MTcyNmJiYjU4MTlkYTUxNGUwZWViOWY5ZmYzYjE4MzQ3OQ==
-!binary "U0hBNTEy":
-  metadata.gz: !binary |-
-    OTBhMWEzMzY4MTkzMGRjZTk1N2Y1MzQ0NTE3NWYyOTg0NGQxNmJkZTUzNWU4
-    YTViODM2YjE4NTQ5NGE5MzM4NmE5MDIzYTg5YmQzOWNmYWYyOTRlYTFjNGRj
-    MmMxNmM5MzJlMTNmZjRiNGNmZDE0Y2U5YTQ2N2Q2M2I4ZWU3OGI=
-  data.tar.gz: !binary |-
-    ZWQ5NTk0NGIyMDJiZDZlODg1ZDM1MGNmM2YzZjA5NTY0ZDA4MmUzZWJkZGY0
-    YzgzZDZkZDYzMDQ0YzkzYjExODMzNzA1NTI0YzdhNGEyOWQ1YmFjNDVjZWM2
-    YWU1YWI1YmE1OWY2YjIxMzY3NjA5MjdhY2M1ODYxZGJlOTk0NTU=