access-styles 1.0.10 → 1.0.11
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:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 99eb56ce1b2651f5fc8ca48f62eea8ac2c822f45
|
|
4
|
+
data.tar.gz: cee52696f5c8e4c2dee4afaf35f7e27c7833f1aa
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 3c1c6bb9ac6ad0b9a1adcd4d7588322d65487237f8a714f127fbf471048610246cf80e12eb91dd417502ebedbe9e144380f6b36913ea61f6b6ba8c3986e58489
|
|
7
|
+
data.tar.gz: 76bc6383e92187430f7405b5e6d5e08d5d4c656b698d594a5ac89828c26c13c5f1228c180356934f54da94bc13c4001023d894bffba507b52b0f585eb6cb813b
|
data/README.md
CHANGED
|
@@ -3,3 +3,126 @@
|
|
|
3
3
|
## Usage
|
|
4
4
|
|
|
5
5
|
Install as a gem and include the usual ways.
|
|
6
|
+
|
|
7
|
+
### Styles
|
|
8
|
+
|
|
9
|
+
You can include:
|
|
10
|
+
|
|
11
|
+
```scss
|
|
12
|
+
@import "access-styles/color";
|
|
13
|
+
@import "access-styles/bootstrap";
|
|
14
|
+
@import "access-styles/layout";
|
|
15
|
+
@import "access-styles/mixins";
|
|
16
|
+
@import "access-styles/fonts";
|
|
17
|
+
@import "access-styles/typography";
|
|
18
|
+
@import "access-styles/progress-bar"; // for turbolinks progress-bar be sure to include the js
|
|
19
|
+
@import "loading-animation"
|
|
20
|
+
```
|
|
21
|
+
|
|
22
|
+
### Javascripts
|
|
23
|
+
|
|
24
|
+
You can include:
|
|
25
|
+
|
|
26
|
+
```
|
|
27
|
+
//= require access-styles/data_confirm
|
|
28
|
+
//= require access-styles/forms
|
|
29
|
+
//= require access-styles/progress_bar
|
|
30
|
+
```
|
|
31
|
+
|
|
32
|
+
### Variables
|
|
33
|
+
|
|
34
|
+
You can redefine these before you include the css
|
|
35
|
+
|
|
36
|
+
#### Basic Colors
|
|
37
|
+
|
|
38
|
+
$red: #e54729;
|
|
39
|
+
$sky-blue: invert($red);
|
|
40
|
+
$blue: #002e62;
|
|
41
|
+
$yellow: #ffcc00;
|
|
42
|
+
$green: lighten(#55a602,8.5%);
|
|
43
|
+
|
|
44
|
+
$black: #000;
|
|
45
|
+
$white: #fff;
|
|
46
|
+
$mid-tone: #9ea7ad;
|
|
47
|
+
$lighter-tone: lighten($mid-tone, 30%);
|
|
48
|
+
$light-tone: lighten($mid-tone, 15%);
|
|
49
|
+
$dark-tone: darken($mid-tone, 30%);
|
|
50
|
+
$darker-tone: darken($mid-tone, 45%);
|
|
51
|
+
|
|
52
|
+
#### Brand Colors
|
|
53
|
+
|
|
54
|
+
$brand-primary: $blue;
|
|
55
|
+
$brand-success: $green;
|
|
56
|
+
$brand-info: $sky-blue;
|
|
57
|
+
$brand-warning: $yellow;
|
|
58
|
+
$brand-danger: $red;
|
|
59
|
+
|
|
60
|
+
#### Progress Bar
|
|
61
|
+
|
|
62
|
+
$progress-bar-background-color: $brand-info;
|
|
63
|
+
$progress-bar-height: 5px;
|
|
64
|
+
|
|
65
|
+
### Classes
|
|
66
|
+
|
|
67
|
+
#### Background Color
|
|
68
|
+
|
|
69
|
+
.bg-red
|
|
70
|
+
.bg-sky-blue
|
|
71
|
+
.bg-blue
|
|
72
|
+
.bg-yellow
|
|
73
|
+
.bg-green
|
|
74
|
+
|
|
75
|
+
#### Text Color
|
|
76
|
+
|
|
77
|
+
.text-red
|
|
78
|
+
.text-sky-blue
|
|
79
|
+
.text-blue
|
|
80
|
+
.text-yellow
|
|
81
|
+
.text-green
|
|
82
|
+
|
|
83
|
+
#### Layout Size
|
|
84
|
+
|
|
85
|
+
.section-xl
|
|
86
|
+
.section-l
|
|
87
|
+
.section-m
|
|
88
|
+
.section-s
|
|
89
|
+
|
|
90
|
+
#### Padding and Margin
|
|
91
|
+
.pad-(0 to 155 by 5)
|
|
92
|
+
.pad-horizontal-(0 to 155 by 5)
|
|
93
|
+
.pad-vertical-(0 to 155 by 5)
|
|
94
|
+
.pad-top-(0 to 155 by 5)
|
|
95
|
+
.pad-bottom-(0 to 155 by 5)
|
|
96
|
+
.pad-left-(0 to 155 by 5)
|
|
97
|
+
.pad-right-(0 to 155 by 5)
|
|
98
|
+
.margin-(0 to 155 by 5)
|
|
99
|
+
.margin-horizontal-(0 to 155 by 5)
|
|
100
|
+
.margin-vertical-(0 to 155 by 5)
|
|
101
|
+
.margin-top-(0 to 155 by 5)
|
|
102
|
+
.margin-left-(0 to 155 by 5)
|
|
103
|
+
.margin-right-(0 to 155 by 5)
|
|
104
|
+
.margin-bottom-(0 to 155 by 5)
|
|
105
|
+
.negative-top-(0 to 155 by 5)
|
|
106
|
+
.negative-bottom-(0 to 155 by 5)
|
|
107
|
+
|
|
108
|
+
#### Typography
|
|
109
|
+
|
|
110
|
+
.primary-header
|
|
111
|
+
.secondary-header
|
|
112
|
+
|
|
113
|
+
.header-xxl
|
|
114
|
+
.header-xl
|
|
115
|
+
.header-l
|
|
116
|
+
.header-m
|
|
117
|
+
.header-s
|
|
118
|
+
|
|
119
|
+
.text-xxl
|
|
120
|
+
.text-xl
|
|
121
|
+
.text-l
|
|
122
|
+
.text-m
|
|
123
|
+
.text-s
|
|
124
|
+
|
|
125
|
+
.text-black
|
|
126
|
+
.text-bold
|
|
127
|
+
.text-book
|
|
128
|
+
.text-light
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
Turbolinks.enableProgressBar();
|
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.0.11
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Ben Eggett
|
|
@@ -10,7 +10,7 @@ authors:
|
|
|
10
10
|
autorequire:
|
|
11
11
|
bindir: bin
|
|
12
12
|
cert_chain: []
|
|
13
|
-
date: 2015-
|
|
13
|
+
date: 2015-07-22 00:00:00.000000000 Z
|
|
14
14
|
dependencies:
|
|
15
15
|
- !ruby/object:Gem::Dependency
|
|
16
16
|
name: railties
|
|
@@ -81,6 +81,7 @@ files:
|
|
|
81
81
|
- app/assets/fonts/ProximaNova-Light-webfont.woff2
|
|
82
82
|
- app/assets/javascripts/access-styles/data_confirm.js.coffee
|
|
83
83
|
- app/assets/javascripts/access-styles/forms.js.coffee
|
|
84
|
+
- app/assets/javascripts/access-styles/progress_bar.js
|
|
84
85
|
- app/assets/stylesheets/access-styles/bootstrap.scss
|
|
85
86
|
- app/assets/stylesheets/access-styles/color.scss
|
|
86
87
|
- app/assets/stylesheets/access-styles/fonts.scss
|
|
@@ -88,6 +89,7 @@ files:
|
|
|
88
89
|
- app/assets/stylesheets/access-styles/layout.scss
|
|
89
90
|
- app/assets/stylesheets/access-styles/loading-animation.scss
|
|
90
91
|
- app/assets/stylesheets/access-styles/mixins.scss
|
|
92
|
+
- app/assets/stylesheets/access-styles/progress-bar.scss
|
|
91
93
|
- app/assets/stylesheets/access-styles/typography.scss
|
|
92
94
|
- lib/access-styles.rb
|
|
93
95
|
- lib/access-styles/engine.rb
|