access-styles 1.0.11 → 1.1.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +19 -2
- data/lib/access-styles/version.rb +1 -1
- metadata +5 -11
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 3eee3fb2e86e19373a7941f400dc1a84c0a177d7
|
|
4
|
+
data.tar.gz: 3b74237ec0a5d476b0dbc0e714bdf5ef5a3f0088
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: a0534874b4ec8e0821badb753d9c706ade9b3a18f0c1e126bb35bec10f9f8576701f5de5351f749db23bc7f2953f83f0fb6919fda2c6d3b8f9ad34b3eab0dee8
|
|
7
|
+
data.tar.gz: 9453207beac64bcb7ceef59d66b555521132f10924698850d0d1f61161be742d768e66d5ee0ce92afd75e1262f59c3517ab92145eac9a4f99b5cc60d6f20ee0b
|
data/README.md
CHANGED
|
@@ -16,14 +16,14 @@ You can include:
|
|
|
16
16
|
@import "access-styles/fonts";
|
|
17
17
|
@import "access-styles/typography";
|
|
18
18
|
@import "access-styles/progress-bar"; // for turbolinks progress-bar be sure to include the js
|
|
19
|
-
@import "loading-animation"
|
|
19
|
+
@import "access-styles/loading-animation"
|
|
20
20
|
```
|
|
21
21
|
|
|
22
22
|
### Javascripts
|
|
23
23
|
|
|
24
24
|
You can include:
|
|
25
25
|
|
|
26
|
-
```
|
|
26
|
+
```javascript
|
|
27
27
|
//= require access-styles/data_confirm
|
|
28
28
|
//= require access-styles/forms
|
|
29
29
|
//= require access-styles/progress_bar
|
|
@@ -35,6 +35,7 @@ You can redefine these before you include the css
|
|
|
35
35
|
|
|
36
36
|
#### Basic Colors
|
|
37
37
|
|
|
38
|
+
```scss
|
|
38
39
|
$red: #e54729;
|
|
39
40
|
$sky-blue: invert($red);
|
|
40
41
|
$blue: #002e62;
|
|
@@ -48,46 +49,59 @@ $lighter-tone: lighten($mid-tone, 30%);
|
|
|
48
49
|
$light-tone: lighten($mid-tone, 15%);
|
|
49
50
|
$dark-tone: darken($mid-tone, 30%);
|
|
50
51
|
$darker-tone: darken($mid-tone, 45%);
|
|
52
|
+
```
|
|
51
53
|
|
|
52
54
|
#### Brand Colors
|
|
53
55
|
|
|
56
|
+
```scss
|
|
54
57
|
$brand-primary: $blue;
|
|
55
58
|
$brand-success: $green;
|
|
56
59
|
$brand-info: $sky-blue;
|
|
57
60
|
$brand-warning: $yellow;
|
|
58
61
|
$brand-danger: $red;
|
|
62
|
+
```
|
|
59
63
|
|
|
60
64
|
#### Progress Bar
|
|
61
65
|
|
|
66
|
+
```scss
|
|
62
67
|
$progress-bar-background-color: $brand-info;
|
|
63
68
|
$progress-bar-height: 5px;
|
|
69
|
+
```
|
|
64
70
|
|
|
65
71
|
### Classes
|
|
66
72
|
|
|
67
73
|
#### Background Color
|
|
68
74
|
|
|
75
|
+
```scss
|
|
69
76
|
.bg-red
|
|
70
77
|
.bg-sky-blue
|
|
71
78
|
.bg-blue
|
|
72
79
|
.bg-yellow
|
|
73
80
|
.bg-green
|
|
81
|
+
```
|
|
74
82
|
|
|
75
83
|
#### Text Color
|
|
76
84
|
|
|
85
|
+
```scss
|
|
77
86
|
.text-red
|
|
78
87
|
.text-sky-blue
|
|
79
88
|
.text-blue
|
|
80
89
|
.text-yellow
|
|
81
90
|
.text-green
|
|
91
|
+
```
|
|
82
92
|
|
|
83
93
|
#### Layout Size
|
|
84
94
|
|
|
95
|
+
```scss
|
|
85
96
|
.section-xl
|
|
86
97
|
.section-l
|
|
87
98
|
.section-m
|
|
88
99
|
.section-s
|
|
100
|
+
```
|
|
89
101
|
|
|
90
102
|
#### Padding and Margin
|
|
103
|
+
|
|
104
|
+
```scss
|
|
91
105
|
.pad-(0 to 155 by 5)
|
|
92
106
|
.pad-horizontal-(0 to 155 by 5)
|
|
93
107
|
.pad-vertical-(0 to 155 by 5)
|
|
@@ -104,9 +118,11 @@ $progress-bar-height: 5px;
|
|
|
104
118
|
.margin-bottom-(0 to 155 by 5)
|
|
105
119
|
.negative-top-(0 to 155 by 5)
|
|
106
120
|
.negative-bottom-(0 to 155 by 5)
|
|
121
|
+
```
|
|
107
122
|
|
|
108
123
|
#### Typography
|
|
109
124
|
|
|
125
|
+
```scss
|
|
110
126
|
.primary-header
|
|
111
127
|
.secondary-header
|
|
112
128
|
|
|
@@ -126,3 +142,4 @@ $progress-bar-height: 5px;
|
|
|
126
142
|
.text-bold
|
|
127
143
|
.text-book
|
|
128
144
|
.text-light
|
|
145
|
+
```
|
metadata
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: access-styles
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 1.0
|
|
4
|
+
version: 1.1.0
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Ben Eggett
|
|
@@ -10,28 +10,22 @@ authors:
|
|
|
10
10
|
autorequire:
|
|
11
11
|
bindir: bin
|
|
12
12
|
cert_chain: []
|
|
13
|
-
date:
|
|
13
|
+
date: 2017-01-12 00:00:00.000000000 Z
|
|
14
14
|
dependencies:
|
|
15
15
|
- !ruby/object:Gem::Dependency
|
|
16
16
|
name: railties
|
|
17
17
|
requirement: !ruby/object:Gem::Requirement
|
|
18
18
|
requirements:
|
|
19
|
-
- - "
|
|
19
|
+
- - "~>"
|
|
20
20
|
- !ruby/object:Gem::Version
|
|
21
21
|
version: '3.2'
|
|
22
|
-
- - "<"
|
|
23
|
-
- !ruby/object:Gem::Version
|
|
24
|
-
version: '5.0'
|
|
25
22
|
type: :runtime
|
|
26
23
|
prerelease: false
|
|
27
24
|
version_requirements: !ruby/object:Gem::Requirement
|
|
28
25
|
requirements:
|
|
29
|
-
- - "
|
|
26
|
+
- - "~>"
|
|
30
27
|
- !ruby/object:Gem::Version
|
|
31
28
|
version: '3.2'
|
|
32
|
-
- - "<"
|
|
33
|
-
- !ruby/object:Gem::Version
|
|
34
|
-
version: '5.0'
|
|
35
29
|
- !ruby/object:Gem::Dependency
|
|
36
30
|
name: bundler
|
|
37
31
|
requirement: !ruby/object:Gem::Requirement
|
|
@@ -150,7 +144,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
|
150
144
|
version: '0'
|
|
151
145
|
requirements: []
|
|
152
146
|
rubyforge_project:
|
|
153
|
-
rubygems_version: 2.4.
|
|
147
|
+
rubygems_version: 2.4.8
|
|
154
148
|
signing_key:
|
|
155
149
|
specification_version: 4
|
|
156
150
|
summary: Styles & Utilities used across our projects
|