simpodSass 0.0.2

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 7b296da0da28dfdcf2015ab2c97ac5b5192c5eb9
+  data.tar.gz: 76d61480ff4431a1bc9f64c0fa90ee9013b3c5e6
+SHA512:
+  metadata.gz: 60e5fd9a2f4db1e0a3b182fd226731db0f32a4d4a41b39e2d447ffac35f88afa4b6c73198cf8e1eebc0b6b0094f78713419d2739e170d29d367fad337d2256c2
+  data.tar.gz: 574f11d3f3968932722ffefc33236e7b63cbcf202a623296f1500b0b2ee7e041b76361ea6bac652d07a533a53ce73c24eb4485ecb5f2c7c0fb4b70ba2d2cc490

data/lib/simpodSass.rb

@@ -0,0 +1,17 @@
+base_directory  = File.expand_path(File.join(File.dirname(__FILE__), '..'))
+simpodSass_stylesheets_path = File.join(base_directory, 'stylesheets')
+
+if (defined? Compass)
+  Compass::Frameworks.register(
+    "simpodSass",
+    :path => base_directory
+  )
+else
+  ENV["SASS_PATH"] = [ENV["SASS_PATH"], simpodSass_stylesheets_path].compact.join(File::PATH_SEPARATOR)
+end
+
+
+module SimpodSass
+  VERSION = "0.0.2"
+  DATE = "2014-10-18"
+end

data/stylesheets/_simpodSass.scss

@@ -0,0 +1,4 @@
+@import "simpodSass/colors";
+@import "simpodSass/font";
+@import "simpodSass/flex";
+@import "simpodSass/modifiers";

data/stylesheets/simpodSass/_colors.scss

@@ -0,0 +1,16 @@
+$alto: #dbdbdb !default;
+$black: #000 !default;
+$doveGray: #6d6c6c !default;
+$mercury: #e5e5e5 !default;
+$white: #fff !default;
+$gray: #808080 !default;
+$emperor: #514649 !default;
+$ironsideGray: #676662 !default;
+$hintOfRed: #fbf9f9 !default;
+$mineShaft: #323232 !default;
+$mountainMeadow: #1ab385 !default;
+$scorpion: #695f62 !default;
+$springWood: #f8f6f1 !default;
+$whiteIce: #ddf9f1 !default;
+$iceberg: #daf4f0 !default;
+$westar: #dcd9d2 !default;

data/stylesheets/simpodSass/_flex.scss

@@ -0,0 +1,228 @@
+
+//	https://github.com/mastastealth/sass-flex-mixin
+//
+//	======== Flexbox Mixins ==============
+//	------------------------
+//	Copyright (c) 2013 Brian Franco
+//
+//	Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+//	The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+//	THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+//	------------------------
+//
+//	This is a set of mixins for those who want to mess
+//	around with flexbox using the native support of current
+//	browsers. For full support table check: http://caniuse.com/flexbox
+//
+//	Basically this will use:
+//		Fallback, old syntax (IE10, Safari, mobile webkit browsers)
+//		Prefixed standard syntax (Chrome)
+//		Final standards syntax (FF, Opera 12.1)
+//
+//	------------------------
+//	This was inspired by:
+//		http://dev.opera.com/articles/view/advanced-cross-browser-flexbox/
+//	With help from:
+//		http://www.w3.org/TR/css3-flexbox/
+//		http://the-echoplex.net/flexyboxes/
+//		http://msdn.microsoft.com/en-us/library/ie/hh772069%28v=vs.85%29.aspx
+// Compass experimental utilities was inspired by:
+//		https://gist.github.com/joseph-turner/5674311
+
+@import "compass/css3/deprecated-support";
+
+
+// Flexbox Inits
+// display: flex | inline-flex
+
+@mixin flexbox {
+  @include experimental-value(display, box, -moz, -webkit, not -o, not -ms, not -khtml, not official);
+  @include experimental-value(display, flex, -moz, -webkit, not -o, not -ms, not -khtml, official);
+  @include experimental-value(display, flexbox, not -moz, not -webkit, not -o, -ms, not -khtml, not official);
+}
+
+@mixin inline-flex {
+  @include experimental-value(display, inline-box, not -moz, -webkit, not -o, not -ms, not -khtml, not official);
+  @include experimental-value(display, inline-flex, -moz, -webkit, not -o, not -ms, not -khtml, official);
+  @include experimental-value(display, inline-flexbox, not -moz, not -webkit, not -o, -ms, not -khtml, not official);
+}
+
+// Flexbox Direction
+// Values: row | row-reverse | column | column-reverse
+// Default: row
+
+@mixin flex-direction($value) {
+  $direction-value: normal;
+  $orient-value: horizontal;
+
+  @if $value == "row-reverse" {
+    $direction-value: reverse;
+  } @else if $value == "column" {
+    $orient-value: vertical;
+  } @else if $value == "column-reverse" {
+    $direction-value: reverse;
+    $orient-value: vertical;
+  }
+
+  @include experimental(box-direction, $direction-value, not -moz, -webkit, not -o, not -ms, not -khtml, not official);
+  @include experimental(box-orient, $orient-value, not -moz, -webkit, not -o, not -ms, not -khtml, not official);
+  @include experimental(flex-direction, $value, -moz, -webkit, not -o, -ms, not -khtml, official);
+}
+
+// Shorter version
+@mixin flex-dir($value) {
+  @include flex-direction($value);
+}
+
+// Flexbox Wrap
+// Values: nowrap | wrap | wrap-reverse
+// Default: nowrap
+
+@mixin flex-wrap($value) {
+  // No Webkit Box fallback
+  $wrap-value: $value;
+
+  @if $value == "nowrap" {
+    $wrap-value: none;
+  }
+
+  @include experimental(flex-wrap, $wrap-value, not -moz, not -webkit, not -o, -ms, not -khtml, not official);
+  @include experimental(flex-wrap, $value, -moz, -webkit, not -o, not -ms, not -khtml, official);
+}
+
+// Flexbox Flow (shorthand)
+// Values: <flex-direction> | <flex-wrap>
+// Default: row nowrap
+
+@mixin flex-flow($values) {
+  // No Webkit Box fallback
+  @include experimental(flex-flow, $values, -moz, -webkit, not -o, -ms, not -khtml, official);
+}
+
+// Flexbox Order
+// Default: 0
+
+@mixin order($int) {
+  @include experimental(box-ordinal-group, $int, -moz, -webkit, not -o, not -ms, not -khtml, not official);
+  @include experimental(flex-order, $int, not -moz, not -webkit, not -o, -ms, not -khtml, not official);
+  @include experimental(order, $int, -moz, -webkit, not -o, -ms, not -khtml, official);
+}
+
+// Flexbox Grow
+// Default: 0
+
+@mixin flex-grow($int) {
+  @include experimental(flex-grow, $int, -moz, -webkit, not -o, not -ms, not -khtml, official);
+  @include experimental(flex-positive, $int, not -moz, not -webkit, not -o, -ms, not -khtml, not official);
+}
+
+// Flexbox Shrink
+// Default: 1
+
+@mixin flex-shrink($int) {
+  @include experimental(flex-shrink, $int, -moz, -webkit, not -o, not -ms, not -khtml, official);
+  @include experimental(flex-negative, $int, not -moz, not -webkit, not -o, -ms, not -khtml, not official);
+}
+
+// Flexbox Basis
+// Values: Like "width"
+// Default: auto
+
+@mixin flex-basis($value) {
+  @include experimental(flex-basis, $value, -moz, -webkit, not -o, not -ms, not -khtml, official);
+  @include experimental(flex-preferred-size, $value, not -moz, not -webkit, not -o, -ms, not -khtml, not official);
+}
+
+// Flexbox "Flex" (shorthand)
+// Values: <flex-grow> <flex-shrink> || <flex-basis>
+// Default: 0 1 auto
+
+@mixin flex($values, $flex-width: false) {
+  @include experimental(box-flex, nth($values,1), -moz, -webkit, not -o, not -ms, not -khtml, not official);
+  @include experimental(flex, $values, -moz, -webkit, not -o, -ms, not -khtml, official);
+  @if $flex-width {
+    width: $flex-width;
+  }
+}
+
+// Flexbox Justify Content
+// Values: flex-start | flex-end | center | space-between | space-around
+// Default: flex-start
+// (space-* values not supported in older syntaxes)
+
+@mixin justify-content($value) {
+  $pack-value: $value;
+
+  @if $value == "flex-start" {
+    $pack-value: start;
+  }
+  @else if $value == "flex-end" {
+    $pack-value: end
+  }
+
+  @include experimental(box-pack, $pack-value, not -moz, -webkit, not -o, not -ms, not -khtml, not official);
+  @include experimental(flex-pack, $pack-value, not -moz, not -webkit, not -o, -ms, not -khtml, not official);
+  @include experimental(justify-content, $value, -moz, -webkit, not -o, not -ms, not -khtml, official);
+}
+
+// Shorter version
+@mixin flex-just($value) {
+  @include justify-content($value);
+}
+
+// Flexbox Align Items
+// Values: flex-start | flex-end | center | baseline | stretch
+// Default: stretch
+
+@mixin align-items($value) {
+  $align-value: $value;
+
+  @if $value == "flex-start" {
+    $align-value: start;
+  }
+  @else if $value == "flex-end" {
+    $align-value: end;
+  }
+
+  @include experimental(box-align, $align-value, not -moz, -webkit, not -o, not -ms, not -khtml, not official);
+  @include experimental(flex-align, $align-value, not -moz, not -webkit, not -o, -ms, not -khtml, not official);
+  @include experimental(align-items, $value, -moz, -webkit, not -o, not -ms, not -khtml, official);
+}
+
+// Flexbox Align Self
+// Values: auto | flex-start | flex-end | center | baseline | stretch
+// Default: auto
+
+@mixin align-self($value) {
+  // No Webkit Box Fallback
+  $align-value: $value;
+
+  @if $value == "flex-start" {
+    $align-value: start;
+  }
+  @else if $value == "flex-end" {
+    $align-value: end;
+  }
+
+  @include experimental(flex-item-align, $align-value, not -moz, not -webkit, not -o, -ms, not -khtml, not official);
+  @include experimental(align-self, $value, -moz, -webkit, not -o, not -ms, not -khtml, official);
+}
+
+// Flexbox Align Content
+// Values: flex-start | flex-end | center | space-between | space-around | stretch
+// Default: stretch
+
+@mixin align-content($value) {
+  // No Webkit Box Fallback
+  $align-value: $value;
+
+  @if $value == "flex-start" {
+    $align-value: start;
+  }
+  @else if $value == "flex-end" {
+    $align-value: end;
+  }
+
+  @include experimental(flex-line-pack, $align-value, not -moz, not -webkit, not -o, -ms, not -khtml, not official);
+  @include experimental(align-content, $value, -moz, -webkit, not -o, not -ms, not -khtml, official);
+}

data/stylesheets/simpodSass/_font.scss

@@ -0,0 +1,12 @@
+$fontSize: 16 !default;
+$lineHeight: 1.5 !default;
+
+@mixin font-size($size: $fontSize) {
+  font-size: $size + px;
+  font-size: $size / $fontSize + rem;
+}
+
+@mixin line-height($line: $lineHeight) {
+  line-height: $line * $fontSize + px;
+  line-height: $line + rem;
+}

data/stylesheets/simpodSass/_modifiers.scss

@@ -0,0 +1,33 @@
+@mixin absoluteStretch($height: true) {
+  position: absolute;
+  left:     0;
+  right:    0;
+  @if $height {
+    top:    0;
+    bottom: 0;
+  }
+}
+
+@mixin hover-focus-active() {
+  &:hover,
+  &:focus,
+  &:active { @content }
+}
+
+@mixin placeholderColor($color) {
+
+  ::-webkit-input-placeholder { /* WebKit browsers */
+    color: $color;
+  }
+  :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
+    color:   $color;
+    opacity: 1;
+  }
+  ::-moz-placeholder { /* Mozilla Firefox 19+ */
+    color:   $color;
+    opacity: 1;
+  }
+  :-ms-input-placeholder { /* Internet Explorer 10+ */
+    color: $color;
+  }
+}

metadata

@@ -0,0 +1,79 @@
+--- !ruby/object:Gem::Specification
+name: simpodSass
+version: !ruby/object:Gem::Version
+  version: 0.0.2
+platform: ruby
+authors:
+- Šimon Podlipský
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2014-10-18 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: sass
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: '3.3'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: '3.3'
+- !ruby/object:Gem::Dependency
+  name: compass
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: '1.1'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: '1.1'
+description: ''
+email:
+- simon@podlipsky.net
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- lib/simpodSass.rb
+- stylesheets/_simpodSass.scss
+- stylesheets/simpodSass/_colors.scss
+- stylesheets/simpodSass/_flex.scss
+- stylesheets/simpodSass/_font.scss
+- stylesheets/simpodSass/_modifiers.scss
+homepage: https://github.com/simPod/simpodSass
+licenses:
+- MIT
+- GPL-2.0
+metadata: {}
+post_install_message: 
+rdoc_options: []
+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: '1.2'
+requirements: []
+rubyforge_project: simpodSass
+rubygems_version: 2.0.14
+signing_key: 
+specification_version: 4
+summary: Sass pack with usefull mixins and variables
+test_files: []