History

Split icon sprite

Thibaut Courouble committed 10 years ago

Commit 7a1591f1 parent 29a177f11 files · +39 −19Browse files

Unified · Split

11 files
  1. assets/images/docs.png +0 −0
  2. assets/images/docs@2x.png +0 −0
  3. assets/images/icons.png +0 −0
  4. assets/images/icons@2x.png +0 −0
  5. assets/stylesheets/application-dark.css.scss +2 −0
  6. assets/stylesheets/application.css.scss +2 −0
  7. assets/stylesheets/components/_content.scss +1 −1
  8. assets/stylesheets/components/_path.scss +1 −1
  9. assets/stylesheets/components/_sidebar.scss +1 −1
  10. assets/stylesheets/global/_icons.scss +34 −20
  11. views/manifest.erb +2 −0
assets/images/docs.png+0−0

Binary file not shown.

assets/images/docs@2x.png+0−0

Binary file not shown.

assets/images/icons.png+0−0

Binary file not shown.

assets/images/icons@2x.png+0−0

Binary file not shown.

assets/stylesheets/application-dark.css.scss+2−0
@@ -1,5 +1,7 @@
1//= depend_on icons.png1//= depend_on icons.png
2//= depend_on icons@2x.png2//= depend_on icons@2x.png
3//= depend_on docs.png
4//= depend_on docs@2x.png
3 5
4//= require vendor/open-sans6//= require vendor/open-sans
5 7
assets/stylesheets/application.css.scss+2−0
@@ -1,5 +1,7 @@
1//= depend_on icons.png1//= depend_on icons.png
2//= depend_on icons@2x.png2//= depend_on icons@2x.png
3//= depend_on docs.png
4//= depend_on docs@2x.png
3 5
4//= require vendor/open-sans6//= require vendor/open-sans
5 7
assets/stylesheets/components/_content.scss+1−1
@@ -234,7 +234,7 @@ · 233 unmodified lines
234._docs-name:before {234._docs-name:before {
235 float: left;235 float: left;
236 margin: .25rem .5rem .25rem 0;236 margin: .25rem .5rem .25rem 0;
237 @extend %icon;237 @extend %doc-icon;
238}238}
239 239
240._docs-size { text-align: right; }240._docs-size { text-align: right; }
assets/stylesheets/components/_path.scss+1−1
@@ -33,7 +33,7 @@ · 32 unmodified lines
33 width: 1rem;33 width: 1rem;
34 height: 1rem;34 height: 1rem;
35 margin: .5rem .375rem 0 0;35 margin: .5rem .375rem 0 0;
36 @extend %icon;36 @extend %doc-icon;
37 }37 }
38 38
39 & + &:after {39 & + &:after {
assets/stylesheets/components/_sidebar.scss+1−1
@@ -135,7 +135,7 @@ · 134 unmodified lines
135 &:before {135 &:before {
136 float: left;136 float: left;
137 margin: .25rem .625rem 0 0;137 margin: .25rem .625rem 0 0;
138 @extend %icon;138 @extend %doc-icon;
139 }139 }
140}140}
141 141
assets/stylesheets/global/_icons.scss+34−20
@@ -4,13 +4,26 @@ · 3 unmodified lines
4 width: 1rem;4 width: 1rem;
5 height: 1rem;5 height: 1rem;
6 background-image: image-url('icons.png');6 background-image: image-url('icons.png');
7 background-size: 10rem 12rem;7 background-size: 4rem 6rem;
8}8}
9 9
10@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {10@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
11 %icon { background-image: image-url('icons@2x.png'); }11 %icon { background-image: image-url('icons@2x.png'); }
12}12}
13 13
14%doc-icon {
15 content: '';
16 display: block;
17 width: 1rem;
18 height: 1rem;
19 background-image: image-url('docs.png');
20 background-size: 10rem 12rem;
21}
22
23@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
24 %doc-icon { background-image: image-url('docs@2x.png'); }
25}
26
14%darkIconFix {27%darkIconFix {
15 @if $style == 'dark' {28 @if $style == 'dark' {
16 filter: invert(100%) grayscale(100%);29 filter: invert(100%) grayscale(100%);
@@ -22,9 +35,26 @@ · 5 unmodified lines
22%icon-search { background-position: -1rem 0; }35%icon-search { background-position: -1rem 0; }
23%icon-link { background-position: -2.25rem -.25rem; }36%icon-link { background-position: -2.25rem -.25rem; }
24%icon-clear { background-position: -3rem 0; }37%icon-clear { background-position: -3rem 0; }
25%icon-close-white { background-position: -4rem 0; }38%icon-settings { background-position: 0 -1rem; }
26%icon-settings { background-position: -5rem 0; }39%icon-check { background-position: -1rem -1rem; }
27%icon-check { background-position: -6rem 0; }40%icon-menu { background-position: -2rem -1rem; }
41%icon-home { background-position: -3rem -1rem; }
42%icon-path { background-position: 0 -2rem; }
43%icon-search-white { background-position: -1rem -2rem; }
44%icon-dir-white { background-position: -2rem -2rem; }
45%icon-link-white { background-position: -3.25rem -2.25rem; }
46%icon-settings-white { background-position: 0 -3rem; }
47%icon-check-white { background-position: -1rem -3rem; }
48%icon-light { background-position: -2rem -3rem; }
49%icon-light-white { background-position: -3rem -3rem; }
50%icon-expand { background-position: 0 -4rem; }
51%icon-contract { background-position: -1rem -4rem; }
52%icon-expand-white { background-position: -2rem -4rem; }
53%icon-contract-white { background-position: -3rem -4rem; }
54%icon-clipboard { background-position: 0 -5rem; }
55%icon-clipboard-white { background-position: -1rem -5rem; }
56%icon-close-white { background-position: -2rem -5rem; }
57
28._icon-http:before { background-position: -7rem 0; @extend %darkIconFix !optional; }58._icon-http:before { background-position: -7rem 0; @extend %darkIconFix !optional; }
29._icon-jquery:before { background-position: -8rem 0; @extend %darkIconFix !optional; }59._icon-jquery:before { background-position: -8rem 0; @extend %darkIconFix !optional; }
30._icon-underscore:before { background-position: -9rem 0; @extend %darkIconFix !optional; }60._icon-underscore:before { background-position: -9rem 0; @extend %darkIconFix !optional; }
@@ -41,8 +71,6 @@ · 10 unmodified lines
41._icon-angularjs:before { background-position: -9rem -1rem; }71._icon-angularjs:before { background-position: -9rem -1rem; }
42._icon-coffeescript:before { background-position: 0 -2rem; @extend %darkIconFix !optional; }72._icon-coffeescript:before { background-position: 0 -2rem; @extend %darkIconFix !optional; }
43._icon-ember:before { background-position: -1rem -2rem; }73._icon-ember:before { background-position: -1rem -2rem; }
44%icon-menu { background-position: -2rem -2rem; }
45%icon-home { background-position: -3rem -2rem; }
46._icon-jqueryui:before { background-position: -4rem -2rem; }74._icon-jqueryui:before { background-position: -4rem -2rem; }
47._icon-jquerymobile:before { background-position: -5rem -2rem; }75._icon-jquerymobile:before { background-position: -5rem -2rem; }
48._icon-lodash:before { background-position: -6rem -2rem; }76._icon-lodash:before { background-position: -6rem -2rem; }
@@ -59,7 +87,6 @@ · 10 unmodified lines
59._icon-knockout:before { background-position: -5rem -3rem; }87._icon-knockout:before { background-position: -5rem -3rem; }
60._icon-moment:before { background-position: -6rem -3rem; @extend %darkIconFix !optional; }88._icon-moment:before { background-position: -6rem -3rem; @extend %darkIconFix !optional; }
61._icon-c:before { background-position: -7rem -3rem; }89._icon-c:before { background-position: -7rem -3rem; }
62%icon-path { background-position: -8rem -3rem; }
63._icon-yii:before,90._icon-yii:before,
64._icon-yii1:before { background-position: -9rem -3rem; }91._icon-yii1:before { background-position: -9rem -3rem; }
65._icon-cpp:before { background-position: 0 -4rem; }92._icon-cpp:before { background-position: 0 -4rem; }
@@ -88,13 +115,6 @@ · 22 unmodified lines
88._icon-socketio:before { background-position: -2rem -6rem; }115._icon-socketio:before { background-position: -2rem -6rem; }
89._icon-modernizr:before { background-position: -3rem -6rem; }116._icon-modernizr:before { background-position: -3rem -6rem; }
90._icon-bower:before { background-position: -4rem -6rem; }117._icon-bower:before { background-position: -4rem -6rem; }
91%icon-search-white { background-position: -5rem -6rem; }
92%icon-dir-white { background-position: -6rem -6rem; }
93%icon-link-white { background-position: -7.25rem -6.25rem; }
94%icon-settings-white { background-position: -8rem -6rem; }
95%icon-check-white { background-position: -9rem -6rem; }
96%icon-light { background-position: 0 -7rem; }
97%icon-light-white { background-position: -1rem -7rem; }
98._icon-cakephp:before { background-position: -2rem -7rem; }118._icon-cakephp:before { background-position: -2rem -7rem; }
99._icon-lua:before { background-position: -3rem -7rem; @extend %darkIconFix !optional; }119._icon-lua:before { background-position: -3rem -7rem; @extend %darkIconFix !optional; }
100._icon-clojure:before { background-position: -4rem -7rem; }120._icon-clojure:before { background-position: -4rem -7rem; }
@@ -109,14 +129,8 @@ · 8 unmodified lines
109._icon-vue:before { background-position: -3rem -8rem; }129._icon-vue:before { background-position: -3rem -8rem; }
110._icon-opentsdb:before { background-position: -4rem -8rem; }130._icon-opentsdb:before { background-position: -4rem -8rem; }
111._icon-q:before { background-position: -5rem -8rem; }131._icon-q:before { background-position: -5rem -8rem; }
112%icon-expand { background-position: -6rem -8rem; }
113%icon-contract { background-position: -7rem -8rem; }
114%icon-expand-white { background-position: -8rem -8rem; }
115%icon-contract-white { background-position: -9rem -8rem; }
116._icon-react_native:before { background-position: 0 -9rem; }132._icon-react_native:before { background-position: 0 -9rem; }
117._icon-phalcon:before { background-position: -1rem -9rem; }133._icon-phalcon:before { background-position: -1rem -9rem; }
118%icon-clipboard { background-position: -2rem -9rem; }
119%icon-clipboard-white { background-position: -3rem -9rem; }
120._icon-elixir:before { background-position: -4rem -9rem; @extend %darkIconFix !optional; }134._icon-elixir:before { background-position: -4rem -9rem; @extend %darkIconFix !optional; }
121._icon-vagrant:before { background-position: -5rem -9rem; }135._icon-vagrant:before { background-position: -5rem -9rem; }
122._icon-dojo:before { background-position: -6rem -9rem; }136._icon-dojo:before { background-position: -6rem -9rem; }
views/manifest.erb+2−0
@@ -8,6 +8,8 @@ CACHE: · 7 unmodified lines
8<%= stylesheet_path 'application-dark' %>8<%= stylesheet_path 'application-dark' %>
9<%= image_path 'icons.png' %>9<%= image_path 'icons.png' %>
10<%= image_path 'icons@2x.png' %>10<%= image_path 'icons@2x.png' %>
11<%= image_path 'docs.png' %>
12<%= image_path 'docs@2x.png' %>
11<%= asset_path 'docs.js' %>13<%= asset_path 'docs.js' %>
12<%= doc_index_urls.join "\n" %>14<%= doc_index_urls.join "\n" %>
13 15

Keyboard shortcuts

General

Show keyboard shortcuts
?
Focus the current search
/

Issues and pull requests

Open filters
f

Issues, pull requests and Inbox

Select next item
j↓
Select previous item
k↑
Open selected item
Enter
Dismiss filters or clear selection
Esc

Repository code

Go to file
t