aesthetics-rails 0.1.1.pre.alpha → 0.1.3.pre.alpha
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/assets/javascripts/aesthetics.js +8 -0
- data/assets/stylesheets/aesthetics.scss +1 -0
- data/assets/stylesheets/components/_buttons.scss +19 -21
- data/assets/stylesheets/components/_dropdowns.scss +43 -0
- data/assets/stylesheets/components/_utilities.scss +8 -8
- data/assets/stylesheets/settings/_colors.scss +2 -2
- data/lib/aesthetics/rails/version.rb +1 -1
- metadata +4 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 3c8afa2176e7fb9d5bf256c50df4dafe157276ce
|
4
|
+
data.tar.gz: 9731048ad4f5090c51b85e0db47a56cbb9ea99a7
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: f0d6eea982f608127062c16d2def5344bb0592cb9e6810d3872cc10228e0117e145d39bc7e535105e6505e859bcd77b6426825c673d6aed5fe818526259b95e1
|
7
|
+
data.tar.gz: 891430e95c870f382bcf5373839d958c8ad645d66061702d6ff62cff52ab092ff89818c32c1ec0b6bb8624e21858869f03d1146afeb09fdacae785f3e1a20e23
|
@@ -16,23 +16,26 @@
|
|
16
16
|
//=========================
|
17
17
|
button,
|
18
18
|
.btn {
|
19
|
+
@include transition(all, 0.35s, ease-in-out);
|
19
20
|
display: inline-block;
|
20
21
|
height: auto;
|
21
22
|
margin: 0;
|
22
|
-
|
23
|
-
|
23
|
+
margin: 0;
|
24
|
+
padding: 8px 16px;
|
25
|
+
border: none;
|
26
|
+
border-radius: 4px;
|
24
27
|
font-size: inherit;
|
25
28
|
font-weight: normal;
|
26
|
-
|
29
|
+
font-family: $type-helvetica;
|
30
|
+
text-decoration: none;
|
31
|
+
text-align: center;
|
27
32
|
text-align: center;
|
28
33
|
text-decoration: none;
|
34
|
+
line-height: $type-baseLineHeight;
|
29
35
|
vertical-align: middle;
|
30
36
|
cursor: pointer;
|
37
|
+
white-space: no-wrap;
|
31
38
|
-webkit-appearance: none;
|
32
|
-
box-shadow: 0 2px 0 #c6c6c6;
|
33
|
-
-webkit-transition: border 0.3s linear,color 0.3s linear,background-color 0.3s linear;
|
34
|
-
transition: border 0.3s linear,color 0.3s linear,background-color 0.3s linear;
|
35
|
-
-webkit-font-smoothing: subpixel-antialiased;
|
36
39
|
}
|
37
40
|
|
38
41
|
button:after,
|
@@ -63,10 +66,6 @@ button:hover, .btn:hover { text-decoration: none }
|
|
63
66
|
background-color: #474747;
|
64
67
|
}
|
65
68
|
|
66
|
-
.btn.is-fixed {
|
67
|
-
position: fixed;
|
68
|
-
}
|
69
|
-
|
70
69
|
//=========================
|
71
70
|
// 3) Button Themes
|
72
71
|
//=========================
|
@@ -75,6 +74,7 @@ button:hover, .btn:hover { text-decoration: none }
|
|
75
74
|
// Primary Theme
|
76
75
|
//=======================
|
77
76
|
.btn--primary {
|
77
|
+
@include box-shadow(1px, 1px, 0, #c6c6c6);
|
78
78
|
color: #fff;
|
79
79
|
background-color: $color-primary;
|
80
80
|
}
|
@@ -89,6 +89,7 @@ button:hover, .btn:hover { text-decoration: none }
|
|
89
89
|
// General Themes
|
90
90
|
//=======================
|
91
91
|
.btn--success {
|
92
|
+
@include box-shadow(1px, 1px, 0, #c6c6c6);
|
92
93
|
color: #fff;
|
93
94
|
background-color: $color-success;
|
94
95
|
}
|
@@ -100,6 +101,7 @@ button:hover, .btn:hover { text-decoration: none }
|
|
100
101
|
}
|
101
102
|
|
102
103
|
.btn--warning {
|
104
|
+
@include box-shadow(1px, 1px, 0, #c6c6c6);
|
103
105
|
color: #fff;
|
104
106
|
background-color: $color-warning;
|
105
107
|
}
|
@@ -111,6 +113,7 @@ button:hover, .btn:hover { text-decoration: none }
|
|
111
113
|
}
|
112
114
|
|
113
115
|
.btn--danger {
|
116
|
+
@include box-shadow(1px, 1px, 0, #c6c6c6);
|
114
117
|
color: #fff;
|
115
118
|
background-color: $color-danger;
|
116
119
|
}
|
@@ -122,6 +125,7 @@ button:hover, .btn:hover { text-decoration: none }
|
|
122
125
|
}
|
123
126
|
|
124
127
|
.btn--info {
|
128
|
+
@include box-shadow(1px, 1px, 0, #c6c6c6);
|
125
129
|
color: #fff;
|
126
130
|
background-color: $color-info;
|
127
131
|
}
|
@@ -148,9 +152,8 @@ button:hover, .btn:hover { text-decoration: none }
|
|
148
152
|
}
|
149
153
|
|
150
154
|
.btn--lg {
|
151
|
-
padding:
|
152
|
-
font-size:
|
153
|
-
line-height: 1.3333333;
|
155
|
+
padding: 8.5px 17px;
|
156
|
+
font-size: 1.125rem;
|
154
157
|
border-radius: 6px;
|
155
158
|
}
|
156
159
|
|
@@ -158,25 +161,20 @@ button:hover, .btn:hover { text-decoration: none }
|
|
158
161
|
.btn--lg.btn--circle {
|
159
162
|
width: 90px;
|
160
163
|
height: 90px;
|
161
|
-
line-height: 70px;
|
162
164
|
}
|
163
165
|
|
164
166
|
.btn--square,
|
165
167
|
.btn--circle {
|
166
168
|
width: 66px;
|
167
169
|
height: 66px;
|
168
|
-
line-height: 54px;
|
169
170
|
}
|
170
171
|
|
171
172
|
.btn--sm {
|
172
|
-
padding:
|
173
|
-
font-size:
|
174
|
-
line-height: 1.5;
|
175
|
-
border-radius: 3px;
|
173
|
+
padding: 6px 12px;
|
174
|
+
font-size: 0.875rem;
|
176
175
|
}
|
177
176
|
.btn--sm.btn--square,
|
178
177
|
.btn--sm.btn--circle {
|
179
178
|
width: 44px;
|
180
179
|
height: 44px;
|
181
|
-
line-height: 34px;
|
182
180
|
}
|
@@ -0,0 +1,43 @@
|
|
1
|
+
//==================================================
|
2
|
+
// Dropdowns.scss
|
3
|
+
//==================================================
|
4
|
+
|
5
|
+
|
6
|
+
.dropdown-menu {
|
7
|
+
@include box-shadow(0, 6px, 12px, rgba(0, 0, 0, 0.2) );
|
8
|
+
position: absolute;
|
9
|
+
left: 0;
|
10
|
+
padding-left: 0;
|
11
|
+
list-style: none;
|
12
|
+
display: none;
|
13
|
+
background-color: #fff;
|
14
|
+
color: #333;
|
15
|
+
border: 1px solid rgba(0, 0, 0, .15);
|
16
|
+
border-radius: 4px;
|
17
|
+
text-align: left;
|
18
|
+
}
|
19
|
+
|
20
|
+
.dropdown-menu.is-active {
|
21
|
+
display: block;
|
22
|
+
}
|
23
|
+
|
24
|
+
.dropdown-menu-item a {
|
25
|
+
display: block;
|
26
|
+
padding: 5px 12px;
|
27
|
+
color: inherit;
|
28
|
+
white-space: nowrap;
|
29
|
+
}
|
30
|
+
.dropdown-menu-item a:hover {
|
31
|
+
background-color: #eee;
|
32
|
+
}
|
33
|
+
|
34
|
+
.caret {
|
35
|
+
display: inline-block;
|
36
|
+
width: 0;
|
37
|
+
height: 0;
|
38
|
+
margin-left: 2px;
|
39
|
+
vertical-align: middle;
|
40
|
+
border-top: 4px dashed;
|
41
|
+
border-right: 4px solid transparent;
|
42
|
+
border-left: 4px solid transparent;
|
43
|
+
}
|
@@ -6,7 +6,7 @@
|
|
6
6
|
//
|
7
7
|
// Index
|
8
8
|
// -----
|
9
|
-
// 1)
|
9
|
+
// 1) Visual
|
10
10
|
// 2) Layout
|
11
11
|
// 3) Positioning
|
12
12
|
// 4) Text Alignment
|
@@ -16,14 +16,10 @@
|
|
16
16
|
|
17
17
|
|
18
18
|
//=========================
|
19
|
-
// 1)
|
20
|
-
//
|
21
|
-
// Disable = uncomment
|
22
|
-
// Please disable after work is done
|
23
|
-
// If styling border, it might be a good idea to disable it
|
19
|
+
// 1) Visual
|
24
20
|
//=========================
|
25
|
-
|
26
|
-
|
21
|
+
.u-flat {
|
22
|
+
box-shadow: none;
|
27
23
|
}
|
28
24
|
|
29
25
|
//=========================
|
@@ -72,6 +68,10 @@
|
|
72
68
|
position: fixed;
|
73
69
|
}
|
74
70
|
|
71
|
+
.u-relative {
|
72
|
+
position: relative;
|
73
|
+
}
|
74
|
+
|
75
75
|
//=========================
|
76
76
|
// 4) Text Alignment
|
77
77
|
//=========================
|
@@ -13,7 +13,7 @@
|
|
13
13
|
//=========================
|
14
14
|
$blue: rgb(2, 170, 245);
|
15
15
|
$oceanBlue: rgb(1, 132, 184);
|
16
|
-
$
|
16
|
+
$emerald: rgb(46, 204, 113);
|
17
17
|
$moonYellow: rgb(244, 211, 19);
|
18
18
|
$cinnabar: rgb(231, 76, 60);
|
19
19
|
$gulfBlue: rgb(65, 91, 118);
|
@@ -22,7 +22,7 @@ $gulfBlue: rgb(65, 91, 118);
|
|
22
22
|
// 2) Theme Colors
|
23
23
|
//=========================
|
24
24
|
$color-primary: $blue;
|
25
|
-
$color-success: $
|
25
|
+
$color-success: $emerald;
|
26
26
|
$color-warning: $moonYellow;
|
27
27
|
$color-danger: $cinnabar;
|
28
28
|
$color-info: $gulfBlue;
|
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.3.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-24 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: sass
|
@@ -65,11 +65,13 @@ files:
|
|
65
65
|
- README.md
|
66
66
|
- Rakefile
|
67
67
|
- aesthetics-rails.gemspec
|
68
|
+
- assets/javascripts/aesthetics.js
|
68
69
|
- assets/stylesheets/_mixins.scss
|
69
70
|
- assets/stylesheets/_normalize.scss
|
70
71
|
- assets/stylesheets/aesthetics.scss
|
71
72
|
- assets/stylesheets/components/_buttons.scss
|
72
73
|
- assets/stylesheets/components/_container.scss
|
74
|
+
- assets/stylesheets/components/_dropdowns.scss
|
73
75
|
- assets/stylesheets/components/_forms.scss
|
74
76
|
- assets/stylesheets/components/_global.scss
|
75
77
|
- assets/stylesheets/components/_navbar.scss
|