sul_styles 0.2.0 → 0.3.0
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/.fontcustom-manifest.json +183 -19
- data/.gitignore +2 -1
- data/.rspec +1 -0
- data/.travis.yml +3 -0
- data/Gemfile +17 -0
- data/README.md +21 -1
- data/Rakefile +13 -0
- data/app/assets/fonts/sul-icons.eot +0 -0
- data/app/assets/fonts/sul-icons.svg +321 -0
- data/app/assets/fonts/sul-icons.ttf +0 -0
- data/app/assets/fonts/sul-icons.woff +0 -0
- data/{assets → app/assets}/stylesheets/_sul-icons-aliases.scss +4 -4
- data/app/assets/stylesheets/_sul-icons-rails.scss +137 -0
- data/app/assets/stylesheets/_sul-icons.scss +187 -0
- data/app/assets/stylesheets/styleguide/styleguide.scss +52 -0
- data/app/assets/stylesheets/styleguide.scss +1 -0
- data/{assets → app/assets}/stylesheets/sul-styles/su_primary_colors.scss +4 -1
- data/{assets → app/assets}/stylesheets/sul-styles/su_web_colors.scss +4 -1
- data/{assets → app/assets}/stylesheets/sul-styles.scss +1 -1
- data/app/controllers/sul_styles/style_guide_controller.rb +47 -0
- data/app/views/layouts/styleguide.html.erb +22 -0
- data/app/views/sul_styles/style_guide/colors.html.erb +18 -0
- data/app/views/sul_styles/style_guide/icons.html.erb +19 -0
- data/app/views/sul_styles/style_guide/index.html.erb +0 -0
- data/bin/rails +12 -0
- data/config/locales/sul_styles.en.yml +4 -0
- data/config/routes.rb +5 -0
- data/docs/styleguide/sul-icons-preview.html +640 -25
- data/fontcustom.yml +2 -2
- data/lib/generators/sul_styles/install_generator.rb +16 -0
- data/lib/sul_styles/engine.rb +17 -0
- data/lib/sul_styles/version.rb +1 -1
- data/lib/sul_styles.rb +1 -12
- data/sul_styles.gemspec +5 -0
- metadata +82 -15
- data/assets/fonts/sul-icons.eot +0 -0
- data/assets/fonts/sul-icons.svg +0 -73
- data/assets/fonts/sul-icons.ttf +0 -0
- data/assets/fonts/sul-icons.woff +0 -0
- data/assets/stylesheets/_sul-icons-rails.scss +0 -55
- data/assets/stylesheets/_sul-icons.scss +0 -64
- data/bin/console +0 -14
- data/bin/setup +0 -7
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 712e3724370ec415b21b35fbd51a16cfafe530ea
|
4
|
+
data.tar.gz: b47817557cee6396c8f011869b1a7a7ad4bbbf74
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 5b8176f552213c98407ae297762cc98e547f9e8dd09ee5bd159f5327da9ba061c00bf14e7d45e79ef63e1ab47e2a7acbfd044819fba4e89c9daeae0ac7c221a8
|
7
|
+
data.tar.gz: 9c9cc943974fb87b33e1edd6d66982f7e29a85a9585eb9bffeb711319af5c169d811863bdf12810dd479d4db0aed18100086eaa41656cb14d630cd4e34aec2e1
|
data/.fontcustom-manifest.json
CHANGED
@@ -1,46 +1,210 @@
|
|
1
1
|
{
|
2
2
|
"checksum": {
|
3
|
-
"previous": "
|
4
|
-
"current": "
|
3
|
+
"previous": "c37b74c087440059f94d930be466fb0cf544ccf69e2da98732a47d3fe372ee46",
|
4
|
+
"current": "c37b74c087440059f94d930be466fb0cf544ccf69e2da98732a47d3fe372ee46"
|
5
5
|
},
|
6
6
|
"fonts": [
|
7
|
-
"assets/fonts/sul-icons.ttf",
|
8
|
-
"assets/fonts/sul-icons.svg",
|
9
|
-
"assets/fonts/sul-icons.woff",
|
10
|
-
"assets/fonts/sul-icons.eot"
|
7
|
+
"app/assets/fonts/sul-icons.ttf",
|
8
|
+
"app/assets/fonts/sul-icons.svg",
|
9
|
+
"app/assets/fonts/sul-icons.woff",
|
10
|
+
"app/assets/fonts/sul-icons.eot"
|
11
11
|
],
|
12
12
|
"glyphs": {
|
13
|
+
"arrow-left-3": {
|
14
|
+
"codepoint": 61704,
|
15
|
+
"source": "icon_svgs/arrow-left-3.svg"
|
16
|
+
},
|
17
|
+
"arrow-left-8": {
|
18
|
+
"codepoint": 61705,
|
19
|
+
"source": "icon_svgs/arrow-left-8.svg"
|
20
|
+
},
|
21
|
+
"arrow-right-3": {
|
22
|
+
"codepoint": 61706,
|
23
|
+
"source": "icon_svgs/arrow-right-3.svg"
|
24
|
+
},
|
25
|
+
"arrow-right-8": {
|
26
|
+
"codepoint": 61707,
|
27
|
+
"source": "icon_svgs/arrow-right-8.svg"
|
28
|
+
},
|
29
|
+
"book-open-4": {
|
30
|
+
"codepoint": 61708,
|
31
|
+
"source": "icon_svgs/book-open-4.svg"
|
32
|
+
},
|
33
|
+
"bookmark-all-1": {
|
34
|
+
"codepoint": 61709,
|
35
|
+
"source": "icon_svgs/bookmark-all-1.svg"
|
36
|
+
},
|
37
|
+
"books-library": {
|
38
|
+
"codepoint": 61710,
|
39
|
+
"source": "icon_svgs/books-library.svg"
|
40
|
+
},
|
41
|
+
"box-1": {
|
42
|
+
"codepoint": 61711,
|
43
|
+
"source": "icon_svgs/box-1.svg"
|
44
|
+
},
|
45
|
+
"bubble-chat-2": {
|
46
|
+
"codepoint": 61712,
|
47
|
+
"source": "icon_svgs/bubble-chat-2.svg"
|
48
|
+
},
|
49
|
+
"camera-film-1": {
|
50
|
+
"codepoint": 61713,
|
51
|
+
"source": "icon_svgs/camera-film-1.svg"
|
52
|
+
},
|
53
|
+
"check-box-1": {
|
54
|
+
"codepoint": 61714,
|
55
|
+
"source": "icon_svgs/check-box-1.svg"
|
56
|
+
},
|
57
|
+
"cube": {
|
58
|
+
"codepoint": 61715,
|
59
|
+
"source": "icon_svgs/cube.svg"
|
60
|
+
},
|
13
61
|
"download-3": {
|
14
62
|
"codepoint": 61702,
|
15
63
|
"source": "icon_svgs/download-3.svg"
|
16
64
|
},
|
17
|
-
"
|
18
|
-
"codepoint":
|
19
|
-
"source": "icon_svgs/
|
65
|
+
"email": {
|
66
|
+
"codepoint": 61716,
|
67
|
+
"source": "icon_svgs/email.svg"
|
68
|
+
},
|
69
|
+
"expand-1": {
|
70
|
+
"codepoint": 61717,
|
71
|
+
"source": "icon_svgs/expand-1.svg"
|
20
72
|
},
|
21
|
-
"file-
|
22
|
-
"codepoint":
|
23
|
-
"source": "icon_svgs/file-
|
73
|
+
"file-music-1": {
|
74
|
+
"codepoint": 61718,
|
75
|
+
"source": "icon_svgs/file-music-1.svg"
|
24
76
|
},
|
25
|
-
"
|
26
|
-
"codepoint":
|
27
|
-
"source": "icon_svgs/
|
77
|
+
"graph-bar-2": {
|
78
|
+
"codepoint": 61719,
|
79
|
+
"source": "icon_svgs/graph-bar-2.svg"
|
28
80
|
},
|
29
81
|
"infomation-circle": {
|
30
82
|
"codepoint": 61700,
|
31
83
|
"source": "icon_svgs/infomation-circle.svg"
|
32
84
|
},
|
85
|
+
"key-2": {
|
86
|
+
"codepoint": 61720,
|
87
|
+
"source": "icon_svgs/key-2.svg"
|
88
|
+
},
|
89
|
+
"layout-4": {
|
90
|
+
"codepoint": 61721,
|
91
|
+
"source": "icon_svgs/layout-4.svg"
|
92
|
+
},
|
93
|
+
"layout-none": {
|
94
|
+
"codepoint": 61722,
|
95
|
+
"source": "icon_svgs/layout-none.svg"
|
96
|
+
},
|
33
97
|
"link-3": {
|
34
98
|
"codepoint": 61703,
|
35
99
|
"source": "icon_svgs/link-3.svg"
|
36
100
|
},
|
101
|
+
"list-bullets-1": {
|
102
|
+
"codepoint": 61723,
|
103
|
+
"source": "icon_svgs/list-bullets-1.svg"
|
104
|
+
},
|
105
|
+
"map-pin-1": {
|
106
|
+
"codepoint": 61724,
|
107
|
+
"source": "icon_svgs/map-pin-1.svg"
|
108
|
+
},
|
109
|
+
"microphone-3": {
|
110
|
+
"codepoint": 61725,
|
111
|
+
"source": "icon_svgs/microphone-3.svg"
|
112
|
+
},
|
113
|
+
"mobile-phone-2": {
|
114
|
+
"codepoint": 61726,
|
115
|
+
"source": "icon_svgs/mobile-phone-2.svg"
|
116
|
+
},
|
117
|
+
"mouse": {
|
118
|
+
"codepoint": 61727,
|
119
|
+
"source": "icon_svgs/mouse.svg"
|
120
|
+
},
|
121
|
+
"navigation-drawer-1": {
|
122
|
+
"codepoint": 61728,
|
123
|
+
"source": "icon_svgs/navigation-drawer-1.svg"
|
124
|
+
},
|
125
|
+
"navigation-drawer-2": {
|
126
|
+
"codepoint": 61729,
|
127
|
+
"source": "icon_svgs/navigation-drawer-2.svg"
|
128
|
+
},
|
129
|
+
"navigation-left-2": {
|
130
|
+
"codepoint": 61730,
|
131
|
+
"source": "icon_svgs/navigation-left-2.svg"
|
132
|
+
},
|
133
|
+
"network-web": {
|
134
|
+
"codepoint": 61731,
|
135
|
+
"source": "icon_svgs/network-web.svg"
|
136
|
+
},
|
137
|
+
"news-article": {
|
138
|
+
"codepoint": 61732,
|
139
|
+
"source": "icon_svgs/news-article.svg"
|
140
|
+
},
|
141
|
+
"newspaper": {
|
142
|
+
"codepoint": 61733,
|
143
|
+
"source": "icon_svgs/newspaper.svg"
|
144
|
+
},
|
145
|
+
"notebook": {
|
146
|
+
"codepoint": 61734,
|
147
|
+
"source": "icon_svgs/notebook.svg"
|
148
|
+
},
|
149
|
+
"person-1": {
|
150
|
+
"codepoint": 61735,
|
151
|
+
"source": "icon_svgs/person-1.svg"
|
152
|
+
},
|
153
|
+
"person-information-1": {
|
154
|
+
"codepoint": 61736,
|
155
|
+
"source": "icon_svgs/person-information-1.svg"
|
156
|
+
},
|
157
|
+
"picture-2": {
|
158
|
+
"codepoint": 61737,
|
159
|
+
"source": "icon_svgs/picture-2.svg"
|
160
|
+
},
|
161
|
+
"plug-1": {
|
162
|
+
"codepoint": 61738,
|
163
|
+
"source": "icon_svgs/plug-1.svg"
|
164
|
+
},
|
165
|
+
"print-text": {
|
166
|
+
"codepoint": 61739,
|
167
|
+
"source": "icon_svgs/print-text.svg"
|
168
|
+
},
|
169
|
+
"quote-1": {
|
170
|
+
"codepoint": 61740,
|
171
|
+
"source": "icon_svgs/quote-1.svg"
|
172
|
+
},
|
173
|
+
"search": {
|
174
|
+
"codepoint": 61741,
|
175
|
+
"source": "icon_svgs/search.svg"
|
176
|
+
},
|
37
177
|
"share": {
|
38
178
|
"codepoint": 61701,
|
39
179
|
"source": "icon_svgs/share.svg"
|
40
180
|
},
|
181
|
+
"transfer-3": {
|
182
|
+
"codepoint": 61742,
|
183
|
+
"source": "icon_svgs/transfer-3.svg"
|
184
|
+
},
|
185
|
+
"turntable": {
|
186
|
+
"codepoint": 61743,
|
187
|
+
"source": "icon_svgs/turntable.svg"
|
188
|
+
},
|
189
|
+
"view-headline": {
|
190
|
+
"codepoint": 61744,
|
191
|
+
"source": "icon_svgs/view-headline.svg"
|
192
|
+
},
|
193
|
+
"view-list": {
|
194
|
+
"codepoint": 61745,
|
195
|
+
"source": "icon_svgs/view-list.svg"
|
196
|
+
},
|
41
197
|
"view-module-1": {
|
42
198
|
"codepoint": 61698,
|
43
199
|
"source": "icon_svgs/view-module-1.svg"
|
200
|
+
},
|
201
|
+
"window-search": {
|
202
|
+
"codepoint": 61746,
|
203
|
+
"source": "icon_svgs/window-search.svg"
|
204
|
+
},
|
205
|
+
"zoom-in": {
|
206
|
+
"codepoint": 61747,
|
207
|
+
"source": "icon_svgs/zoom-in.svg"
|
44
208
|
}
|
45
209
|
},
|
46
210
|
"options": {
|
@@ -60,8 +224,8 @@
|
|
60
224
|
},
|
61
225
|
"no_hash": true,
|
62
226
|
"output": {
|
63
|
-
"css": "assets/stylesheets",
|
64
|
-
"fonts": "assets/fonts",
|
227
|
+
"css": "app/assets/stylesheets",
|
228
|
+
"fonts": "app/assets/fonts",
|
65
229
|
"preview": "docs/styleguide"
|
66
230
|
},
|
67
231
|
"preprocessor_path": "",
|
@@ -74,8 +238,8 @@
|
|
74
238
|
]
|
75
239
|
},
|
76
240
|
"templates": [
|
77
|
-
"assets/stylesheets/_sul-icons-rails.scss",
|
78
|
-
"assets/stylesheets/_sul-icons.scss",
|
241
|
+
"app/assets/stylesheets/_sul-icons-rails.scss",
|
242
|
+
"app/assets/stylesheets/_sul-icons.scss",
|
79
243
|
"docs/styleguide/sul-icons-preview.html"
|
80
244
|
]
|
81
245
|
}
|
data/.gitignore
CHANGED
data/.rspec
ADDED
@@ -0,0 +1 @@
|
|
1
|
+
--color
|
data/.travis.yml
ADDED
data/Gemfile
CHANGED
@@ -2,3 +2,20 @@ source 'https://rubygems.org'
|
|
2
2
|
|
3
3
|
# Specify your gem's dependencies in sul_styles.gemspec
|
4
4
|
gemspec
|
5
|
+
|
6
|
+
# the below comes from engine_cart, a gem used to test this Rails engine gem in the context of a Rails app
|
7
|
+
file = File.expand_path('Gemfile', ENV['ENGINE_CART_DESTINATION'] || ENV['RAILS_ROOT'] || File.expand_path('../spec/internal', __FILE__))
|
8
|
+
if File.exist?(file)
|
9
|
+
puts 'Loading #{file} ...' if $DEBUG # `ruby -d` or `bundle -v`
|
10
|
+
instance_eval File.read(file)
|
11
|
+
else
|
12
|
+
# we get here when we haven't yet generated the testing app via engine_cart
|
13
|
+
gem 'rails', ENV['RAILS_VERSION'] if ENV['RAILS_VERSION']
|
14
|
+
|
15
|
+
if ENV['RAILS_VERSION'] && ENV['RAILS_VERSION'] =~ /^4.2/
|
16
|
+
gem 'responders', '~> 2.0'
|
17
|
+
gem 'sass-rails', '>= 5.0'
|
18
|
+
else
|
19
|
+
gem 'sass-rails', '< 5.0'
|
20
|
+
end
|
21
|
+
end
|
data/README.md
CHANGED
@@ -1,5 +1,7 @@
|
|
1
1
|
# SUL Styles
|
2
2
|
|
3
|
+
[](https://travis-ci.org/sul-dlss/sul_styles)
|
4
|
+
|
3
5
|
## Installation
|
4
6
|
|
5
7
|
Add this line to your application's Gemfile:
|
@@ -16,8 +18,26 @@ Import the SUL Styles in your `app/assets/stylesheets/application.scss`.
|
|
16
18
|
|
17
19
|
@import 'sul-styles';
|
18
20
|
|
21
|
+
## See the styles in your browser
|
22
|
+
|
23
|
+
After including the gem in your Rails project, you will be able to access the styleguide within your application at http://127.0.0.1:3000/styleguide. These routes are only available in the development and test environments.
|
24
|
+
|
25
|
+
## Styles supported
|
26
|
+
|
27
|
+
### SCSS Variables for SU Identity
|
28
|
+
|
29
|
+
Stanford University identity colors added as SCSS variables
|
30
|
+
|
31
|
+
### Common Date Formats
|
32
|
+
|
33
|
+
Common date formats that should be used in a variety of contexts
|
34
|
+
|
35
|
+
Date Format | Example
|
36
|
+
----------- | -------
|
37
|
+
`'%d-%b-%Y'` | 29-Jul-2015
|
38
|
+
|
19
39
|
|
20
|
-
##
|
40
|
+
## Contributing to the icon font
|
21
41
|
|
22
42
|
You can add icons to the icon font by doing the following:
|
23
43
|
|
data/Rakefile
CHANGED
@@ -1 +1,14 @@
|
|
1
1
|
require 'bundler/gem_tasks'
|
2
|
+
require 'engine_cart/rake_task'
|
3
|
+
require 'rspec/core/rake_task'
|
4
|
+
|
5
|
+
RSpec::Core::RakeTask.new(:spec)
|
6
|
+
|
7
|
+
task default: :ci
|
8
|
+
|
9
|
+
desc 'Run continuous integration build'
|
10
|
+
task :ci do
|
11
|
+
Rake::Task['engine_cart:generate'].invoke
|
12
|
+
ENV['RAIL_ENV']= 'test'
|
13
|
+
Rake::Task['spec'].invoke
|
14
|
+
end
|
Binary file
|