aesthetics-rails 0.1.0.pre.alpha → 0.1.1.pre.alpha

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 00cc5a846636f0c0d4dabf1b612ae5b606cf3c66
4
- data.tar.gz: 65699b2fdbedce8ecab4d664928da8ea863ac04c
3
+ metadata.gz: dfffdff646b23c1c92d655938d44997e6f1bc2db
4
+ data.tar.gz: 570bebeafa5ecf28ca3f989af86222c7cfdf967f
5
5
  SHA512:
6
- metadata.gz: 7eadc60b5fdcdf7b5a88178fedef1df480320b648f813b3776f0a9949c6ca91c84b01c91d0644583d9e14d36fb74c19470d9e05dd46aa1381f83c6e052bc736d
7
- data.tar.gz: 7cea9464dc314412763e21a8a772aab373ed2be61cca1765af9921efa9bdd49c9cb8c3ecd36b47c3bf065c76cda972c5f62cb70f59463b8ae70f51dfb1648c33
6
+ metadata.gz: 9dc6d8201a840e28a82c652253baee8b12b9daa11846ee414acd31a0c7a7c1c857fd40f54421e206e4b05711db76a4327751e2977d7cde83e1c228862ee00432
7
+ data.tar.gz: a57a212950de04a2e209155a3b09aed47f344d91afdac740d1c05ee9f346a9b299bab9864ac0132f6c9477aec1308a63f76f307a0b6b4bb18e1b84440d1cb6be
@@ -5,6 +5,8 @@
5
5
  // -----
6
6
  // 1) Flexbox Layout
7
7
  // 2) Positioning
8
+ // 3) Shadows
9
+ // 4) Animations
8
10
  //==================================================
9
11
 
10
12
 
@@ -60,6 +62,83 @@
60
62
  position: relative;
61
63
  top: 50%;
62
64
  -webkit-transform: translateY(-50%);
63
- -ms-transform: translateY(-50%);
64
65
  transform: translateY(-50%);
66
+ }
67
+
68
+ //=========================
69
+ // 3) Shadows
70
+ //=========================
71
+
72
+ //=======================
73
+ // Box Shadow
74
+ //=======================
75
+ // Usage:
76
+ // x-offset | y-offset | blur | color | inset
77
+ // Passing no params will render default values as set below
78
+ @mixin box-shadow($x: 2px, $y: 2px, $blur: 5px, $color: rgba(0,0,0,.4), $inset: "") {
79
+ @if ($inset != "") {
80
+ -webkit-box-shadow: $inset $x $y $blur $color;
81
+ box-shadow: $inset $x $y $blur $color;
82
+ } @else {
83
+ -webkit-box-shadow: $x $y $blur $color;
84
+ box-shadow: $x $y $blur $color;
85
+ }
86
+ }
87
+
88
+ //=========================
89
+ // 4) Animations
90
+ //=========================
91
+
92
+ //=======================
93
+ // Animation
94
+ //=======================
95
+ // Usage:
96
+ // animation name | duration | timing-function | delay
97
+ // Example:
98
+ // @include animation(slidein 3s linear 1s);
99
+ @mixin animation($animation-properties) {
100
+ -webkit-animation: $animation-properties;
101
+ animation: $animation-properties;
102
+ }
103
+
104
+ //=======================
105
+ // Keyframes
106
+ //=======================
107
+ // Example:
108
+ // @include keyframes(slidein) {
109
+ // from {
110
+ // margin-left: 100%;
111
+ // width: 300%;
112
+ // }
113
+
114
+ // to {
115
+ // margin-left: 0%;
116
+ // width: 100%;
117
+ // }
118
+ // }
119
+ @mixin keyframes($identifier) {
120
+ @-webkit-keyframes #{$identifier} {
121
+ @content;
122
+ }
123
+ @keyframes #{$identifier} {
124
+ @content;
125
+ }
126
+ }
127
+
128
+ //=========================
129
+ // Transition
130
+ //=========================
131
+ // Example:
132
+ // @include transition(opacity, 0.5s, ease-in);
133
+ @mixin transition($property: all, $length: 0.3s, $easing: ease-in-out) {
134
+ -webkit-transition: $property, $length, $easing;
135
+ transition: $property, $length, $easing;
136
+ }
137
+
138
+ //=========================
139
+ // Transform
140
+ //=========================
141
+ @mixin transform($transform-functions) {
142
+ -webkit-transform: $transform-functions;
143
+ transform: $transform-functions;
65
144
  }
@@ -2,7 +2,6 @@
2
2
  *:before,
3
3
  *:after {
4
4
  -webkit-box-sizing: border-box;
5
- -moz-box-sizing: border-box;
6
5
  box-sizing: border-box;
7
6
  }
8
7
 
@@ -86,14 +86,6 @@
86
86
  //=========================
87
87
  // 5) Text Decoration
88
88
  //=========================
89
- .u-hyphenate {
90
- word-break: break-word;
91
- -webkit-hyphens: auto;
92
- -webkit-hyphenate-limit-before: 2;
93
- -webkit-hyphenate-limit-after: 3;
94
- -webkit-hyphenate-limit-lines: 2;
95
- }
96
-
97
89
  .u-antialiased {
98
90
  -webkit-font-smoothing: antialiased;
99
91
  -moz-osx-font-smoothing: grayscale;
@@ -1,5 +1,5 @@
1
1
  module Aesthetics
2
2
  module Rails
3
- VERSION = "0.1.0-alpha"
3
+ VERSION = "0.1.1-alpha"
4
4
  end
5
5
  end
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: aesthetics-rails
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.0.pre.alpha
4
+ version: 0.1.1.pre.alpha
5
5
  platform: ruby
6
6
  authors:
7
7
  - Duane Adam
8
8
  autorequire:
9
9
  bindir: exe
10
10
  cert_chain: []
11
- date: 2015-04-20 00:00:00.000000000 Z
11
+ date: 2015-04-21 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: sass
@@ -106,3 +106,4 @@ signing_key:
106
106
  specification_version: 4
107
107
  summary: Light Modular CSS Framework
108
108
  test_files: []
109
+ has_rdoc: