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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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: