Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

Fixes while writing the docs

  • Loading branch information...
commit bb3eabe96fc4194e419911322d387204e5f8cd78 1 parent 4e294d3
@anthonyshort anthonyshort authored
View
2  lib/stitch/version.rb
@@ -1,3 +1,3 @@
module Stitch
- VERSION = "1.0.0"
+ VERSION = "0.1.0"
end
View
2  stitch.gemspec
@@ -20,5 +20,5 @@ Gem::Specification.new do |s|
s.require_paths = ["lib"]
s.add_runtime_dependency "compass"
- s.add_runtime_dependency "sass-globbing"
+ #s.add_runtime_dependency "sass-globbing"
end
View
2  stylesheets/stitch/_patterns.scss
@@ -1,7 +1,7 @@
@import 'utilities';
@import 'patterns/accessibility';
@import 'patterns/animation';
-@import 'patterns/css3';
+//@import 'patterns/css3';
@import 'patterns/forms';
@import 'patterns/images';
@import 'patterns/layout';
View
3  stylesheets/stitch/_utilities.scss
@@ -13,9 +13,6 @@ $default-prefixes: -webkit, -moz, -o, -khtml, -ms;
@each $prefix in $prefixes {
#{$prefix}-#{$property}:$value;
}
-
- // Standard property as well
- #{$property}:$value;
}
@mixin prefix-value($property, $value, $prefixes: $default-prefixes) {
View
75 stylesheets/stitch/patterns/_css3.scss
@@ -5,6 +5,7 @@ $default-prefixes-appearance: -webkit, -moz;
@mixin appearance($v, $prefixes: $default-prefixes-appearance) {
@include prefix(appearance,$v,$prefixes);
+ appearance:$v;
}
/* Background Clip
@@ -13,7 +14,23 @@ $default-prefixes-appearance: -webkit, -moz;
$default-prefixes-background-clip: -webkit, -moz;
@mixin background-clip($v, $prefixes: $default-prefixes-background-clip) {
+ $v: unquote($v);
+
+ /* This is for older browser support */
+ @if $v === padding-box {
+ @include prefix(background-clip,padding,$default-prefixes-background-origin);
+ }
+
+ @if $v === border-box {
+ @include prefix(background-clip,border,$default-prefixes-background-origin);
+ }
+
+ @if $v === content-box {
+ @include prefix(background-clip,content,$default-prefixes-background-origin);
+ }
+
@include prefix(background-clip,$v,$prefixes);
+ background-clip:$v;
}
/* Background Origin
@@ -22,16 +39,34 @@ $default-prefixes-background-clip: -webkit, -moz;
$default-prefixes-background-origin: -webkit, -moz;
@mixin background-origin($v, $prefixes: $default-prefixes-background-origin) {
+ $v: unquote($v);
+
+ /* This is for older browser support */
+ @if $v === padding-box {
+ @include prefix(background-origin,padding,$default-prefixes-background-origin);
+ }
+
+ @if $v === border-box {
+ @include prefix(background-origin,border,$default-prefixes-background-origin);
+ }
+
+ @if $v === content-box {
+ @include prefix(background-origin,content,$default-prefixes-background-origin);
+ }
+
+ /* Standard version */
@include prefix(background-origin,$v,$prefixes);
+ background-origin:$v;
}
/* Background Size
---------------------------------------- */
-$default-prefixes-background-size: -webkit, -moz;
+$default-prefixes-background-size: -webkit, -moz, -o;
@mixin background-size($v, $prefixes: $default-prefixes-background-size) {
@include prefix(background-size,$v,$prefixes);
+ background-size:$v;
}
/* Border Radius
@@ -41,6 +76,7 @@ $default-prefixes-border-radius: -webkit, -moz;
@mixin border-radius($r, $prefixes: $default-prefixes-border-radius) {
@include prefix(border-radius,$r,$prefixes);
+ border-radius:$r;
}
/* Box Shadow
@@ -49,7 +85,8 @@ $default-prefixes-border-radius: -webkit, -moz;
$default-prefixes-box-shadow: -webkit, -moz;
@mixin box-shadow($v, $prefixes: $default-prefixes-box-shadow) {
- @include prefix(border-radius,$v,$prefixes);
+ @include prefix(box-shadow,$v,$prefixes);
+ box-shadow:$v;
}
/* Flexible Box
@@ -63,34 +100,42 @@ $default-prefixes-box: -webkit, -moz;
@mixin box-orient($v, $prefixes: $default-prefixes-box) {
@include prefix(box-orient,$v,$prefixes);
+ box-orient:$v;
}
@mixin box-align($v, $prefixes: $default-prefixes-box) {
@include prefix(box-align,$v,$prefixes);
+ box-align:$v;
}
@mixin box-flex($v, $prefixes: $default-prefixes-box) {
@include prefix(box-flex,$v,$prefixes);
+ box-flex:$v;
}
@mixin box-flex-group($v, $prefixes: $default-prefixes-box) {
@include prefix(box-flex-group,$v,$prefixes);
+ box-flex-group:$v;
}
@mixin box-ordinal-group($v, $prefixes: $default-prefixes-box) {
@include prefix(box-ordinal-group,$v,$prefixes);
+ box-ordinal-group:$v;
}
@mixin box-direction($v, $prefixes: $default-prefixes-box) {
@include prefix(box-direction,$v,$prefixes);
+ box-direction:$v;
}
@mixin box-lines($v, $prefixes: $default-prefixes-box) {
@include prefix(box-direction,$v,$prefixes);
+ box-lines:$v;
}
@mixin box-pack($v, $prefixes: $default-prefixes-box) {
@include prefix(box-direction,$v,$prefixes);
+ box-pack:$v;
}
/* Box Sizing
@@ -100,6 +145,7 @@ $default-prefixes-box-sizing: -webkit, -moz;
@mixin box-sizing($v, $prefixes: $default-prefixes-box-sizing) {
@include prefix(box-sizing,$v,$prefixes);
+ box-sizing:$v;
}
/* Columns
@@ -109,30 +155,37 @@ $default-prefixes-columns: -webkit, -moz;
@mixin column-count($v, $prefixes: $default-prefixes-columns) {
@include prefix(column-count,$v,$prefixes);
+ column-count:$v;
}
@mixin column-gap($v, $prefixes: $default-prefixes-columns) {
@include prefix(column-gap,$v,$prefixes);
+ column-gap:$v;
}
@mixin column-width($v, $prefixes: $default-prefixes-columns) {
@include prefix(column-width,$v,$prefixes);
+ column-width:$v;
}
@mixin column-rule-width($v, $prefixes: $default-prefixes-columns) {
@include prefix(column-rule-width,$v,$prefixes);
+ column-rule-width:$v;
}
@mixin column-rule-style($v, $prefixes: $default-prefixes-columns) {
@include prefix(column-rule-style,$v,$prefixes);
+ column-rule-style:$v;
}
@mixin column-rule-color($v, $prefixes: $default-prefixes-columns) {
@include prefix(column-rule-color,$v,$prefixes);
+ column-rule-color:$v;
}
@mixin column-rule($v, $prefixes: $default-prefixes-columns) {
@include prefix(column-rule,$v,$prefixes);
+ column-rule:$v;
}
/* Transforms
@@ -143,26 +196,31 @@ $default-prefixes-transform: -webkit, -moz;
// @see http://www.w3.org/TR/css3-2d-transforms/#transform-property
@mixin transform($v, $prefixes:$default-prefixes-transform) {
@include prefix(transform,$v,$prefixes);
+ transform:$v;
}
// @see http://www.w3.org/TR/css3-2d-transforms/#transform-origin-property
@mixin transform-origin($v, $prefixes:$default-prefixes-transform) {
@include prefix(transform-origin,$v,$prefixes);
+ transform-origin:$v;
}
// @see http://www.w3.org/TR/css3-3d-transforms/#transform-style
@mixin transform-style($v, $prefixes:$default-prefixes-transform) {
@include prefix(transform-style,$v,$prefixes);
+ transform-style:$v;
}
// @see http://www.w3.org/TR/css3-3d-transforms/#perspective
@mixin perspective-origin($v, $prefixes:$default-prefixes-transform) {
@include prefix(perspective-origin,$v,$prefixes);
+ perspective-origin:$v;
}
// @see http://www.w3.org/TR/css3-3d-transforms/#backface-visibility
@mixin backface-visibility($v, $prefixes:$default-prefixes-transform) {
@include prefix(backface-visibility,$v,$prefixes);
+ backface-visibility:$v;
}
/* Transitions
@@ -176,22 +234,27 @@ $default-prefixes-transition: -webkit, -moz;
@mixin transition-property($v, $prefixes:$default-prefixes-transform) {
@include prefix(transition-property,$v,$prefixes);
+ transition-property:$v;
}
@mixin transition-duration($v, $prefixes:$default-prefixes-transform) {
@include prefix(transition-duration,$v,$prefixes);
+ transition-duration:$v;
}
@mixin transition-timing-function($v, $prefixes:$default-prefixes-transform) {
@include prefix(transition-timing-function,$v,$prefixes);
+ transition-timing-function:$v;
}
@mixin transition-delay($v, $prefixes:$default-prefixes-transform) {
@include prefix(transition-delay,$v,$prefixes);
+ transition-delay:$v;
}
@mixin transition($v, $prefixes:$default-prefixes-transform) {
@include prefix(transition,$v,$prefixes);
+ transition:$v;
}
/* Animation
@@ -201,32 +264,40 @@ $default-prefixes-animation: -webkit, -moz;
@mixin animation($v, $prefixes:$default-prefixes-animation) {
@include prefix(animation,$v,$prefixes);
+ animation:$v;
}
@mixin animation-name($v, $prefixes:$default-prefixes-animation) {
@include prefix(animation-name,$v,$prefixes);
+ animation-name:$v;
}
@mixin animation-duration($v, $prefixes:$default-prefixes-animation) {
@include prefix(animation-name,$v,$prefixes);
+ animation-duration:$v;
}
@mixin animation-timing-function($v, $prefixes:$default-prefixes-animation) {
@include prefix(animation-name,$v,$prefixes);
+ animation-timing-function:$v;
}
@mixin animation-iteration-count($v, $prefixes:$default-prefixes-animation) {
@include prefix(animation-name,$v,$prefixes);
+ animation-iteration-count:$v;
}
@mixin animation-direction($v, $prefixes:$default-prefixes-animation) {
@include prefix(animation-name,$v,$prefixes);
+ animation-direction:$v;
}
@mixin animation-play-state($v, $prefixes:$default-prefixes-animation) {
@include prefix(animation-name,$v,$prefixes);
+ animation-play-state:$v;
}
@mixin animation-delay($v, $prefixes:$default-prefixes-animation) {
@include prefix(animation-name,$v,$prefixes);
+ animation-delay:$v;
}
View
2  stylesheets/stitch/patterns/forms/_search-fields.scss
@@ -3,7 +3,7 @@
*/
@mixin reset-search-field {
-webkit-appearance:textfield;
- ::-webkit-search-decoration {
+ &::-webkit-search-decoration {
display:none
}
}
View
2  stylesheets/stitch/patterns/layout/_clear-floats.scss
@@ -16,6 +16,6 @@
zoom:1;
}
-@mixin clear-floats($alt:false) {
+@mixin clear-floats {
@extend .__clearfix;
}
View
2  stylesheets/stitch/patterns/text/_font-stacks.scss
@@ -2,7 +2,7 @@
These provide basic font stacks with fallbacks. You can add your own fonts to the stack
*/
-@mixin sans-serif($prepend:false, $size:false, $weight:false, $style:false, $height:false) {
+@mixin sans-serif($prepend:false) {
font-family: join($prepend,"Helvetica Neue", Helvetica, Arial, sans-serif);
}
View
2  stylesheets/stitch/patterns/text/_hyphens.scss
@@ -2,6 +2,6 @@
Initial Value: manual
Values: none, manual, auto
*/
-@mixin hyphens($value) {
+@mixin hyphens($value:auto) {
@include prefix('hyphens',$value,-moz -webkit);
}
Please sign in to comment.
Something went wrong with that request. Please try again.