aesthetics-rails 0.1.1.pre.alpha → 0.1.3.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 +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
|