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:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: dfffdff646b23c1c92d655938d44997e6f1bc2db
|
4
|
+
data.tar.gz: 570bebeafa5ecf28ca3f989af86222c7cfdf967f
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
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
|
}
|
@@ -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;
|
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.
|
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-
|
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:
|