History

Split doc icon sprite

Thibaut Courouble committed 9 years ago

Commit c13877f1 parent aa1be2f8 files · +38 −29Browse files

Unified · Split

8 files
  1. assets/images/docs-1.png +0 −0
  2. assets/images/docs-1@2x.png +0 −0
  3. assets/images/docs-2.png +0 −0
  4. assets/images/docs-2@2x.png +0 −0
  5. assets/stylesheets/application-dark.css.scss +4 −2
  6. assets/stylesheets/application.css.scss +4 −2
  7. assets/stylesheets/global/_icons.scss +30 −27
  8. views/manifest.erb +4 −2
assets/images/docs-1.pngrenamed from assets/images/docs.png+0−0

Binary file not shown.

assets/images/docs-1@2x.pngrenamed from assets/images/docs@2x.png+0−0

Binary file not shown.

assets/images/docs-2.png+0−0

Binary file not shown.

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

Binary file not shown.

assets/stylesheets/application-dark.css.scss+4−2
@@ -1,7 +1,9 @@
11 //= depend_on icons.png
22 //= depend_on icons@2x.png
3−//= depend_on docs.png
4−//= depend_on docs@2x.png
3+//= depend_on docs-1.png
4+//= depend_on docs-1@2x.png
5+//= depend_on docs-2.png
6+//= depend_on docs-2@2x.png
57
68 /*!
79 * Copyright 2013-2017 Thibaut Courouble and other contributors
assets/stylesheets/application.css.scss+4−2
@@ -1,7 +1,9 @@
11 //= depend_on icons.png
22 //= depend_on icons@2x.png
3−//= depend_on docs.png
4−//= depend_on docs@2x.png
3+//= depend_on docs-1.png
4+//= depend_on docs-1@2x.png
5+//= depend_on docs-2.png
6+//= depend_on docs-2@2x.png
57
68 /*!
79 * Copyright 2013-2017 Thibaut Courouble and other contributors
assets/stylesheets/global/_icons.scss+30−27
@@ -7,21 +7,23 @@ · 6 unmodified lines
77 background-size: 4rem 3rem;
88 }
99
10−@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
11− %icon { background-image: image-url('icons@2x.png'); }
12−}
13−
1410 %doc-icon {
1511 content: '';
1612 display: block;
1713 width: 1rem;
1814 height: 1rem;
19− background-image: image-url('docs.png');
20− background-size: 10rem 12rem;
15+ background-image: image-url('docs-1.png');
16+ background-size: 10rem 10rem;
17+}
18+
19+%doc-icon-2 {
20+ background-image: image-url('docs-2.png');
2121 }
2222
2323 @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
24− %doc-icon { background-image: image-url('docs@2x.png'); }
24+ %icon { background-image: image-url('icons@2x.png'); }
25+ %doc-icon { background-image: image-url('docs-1@2x.png'); }
26+ %doc-icon-2 { background-image: image-url('docs-2@2x.png'); }
2527 }
2628
2729 %darkIconFix {
@@ -148,23 +150,24 @@ · 120 unmodified lines
148150 ._icon-flow:before { background-position: -7rem -9rem; }
149151 ._icon-relay:before { background-position: -8rem -9rem; }
150152 ._icon-phoenix:before { background-position: -9rem -9rem; }
151−._icon-tcl_tk:before { background-position: 0 -10rem; }
152−._icon-erlang:before { background-position: -1rem -10rem; }
153−._icon-chef:before { background-position: -2rem -10rem; }
154−._icon-ramda:before { background-position: -3rem -10rem; @extend %darkIconFix !optional; }
155−._icon-codeigniter:before { background-position: -4rem -10rem; @extend %darkIconFix !optional; }
156−._icon-influxdata:before { background-position: -5rem -10rem; @extend %darkIconFix !optional; }
157−._icon-tensorflow:before { background-position: -6rem -10rem; }
158−._icon-haxe:before { background-position: -7rem -10rem; }
159−._icon-ansible:before { background-position: -8rem -10rem; @extend %darkIconFix !optional; }
160−._icon-typescript:before { background-position: -9rem -10rem; }
161−._icon-browser_support_tables:before { background-position: 0rem -11rem; }
162−._icon-gnu_fortran:before { background-position: -1rem -11rem; }
163−._icon-gcc:before { background-position: -2rem -11rem; }
164−._icon-perl:before { background-position: -3rem -11rem; }
165−._icon-apache_pig:before { background-position: -4rem -11rem; }
166−._icon-numpy:before { background-position: -5rem -11rem; }
167−._icon-kotlin:before { background-position: -6rem -11rem; }
168−._icon-padrino:before { background-position: -7rem -11rem; }
169−._icon-angular:before { background-position: -8rem -11rem; }
170−._icon-love:before { background-position: -9rem -11rem; }
153+
154+._icon-tcl_tk:before { background-position: 0 0; @extend %doc-icon-2; }
155+._icon-erlang:before { background-position: -1rem 0; @extend %doc-icon-2; }
156+._icon-chef:before { background-position: -2rem 0; @extend %doc-icon-2; }
157+._icon-ramda:before { background-position: -3rem 0; @extend %doc-icon-2; @extend %darkIconFix !optional; }
158+._icon-codeigniter:before { background-position: -4rem 0; @extend %doc-icon-2; @extend %darkIconFix !optional; }
159+._icon-influxdata:before { background-position: -5rem 0; @extend %doc-icon-2; @extend %darkIconFix !optional; }
160+._icon-tensorflow:before { background-position: -6rem 0; @extend %doc-icon-2; }
161+._icon-haxe:before { background-position: -7rem 0; @extend %doc-icon-2; }
162+._icon-ansible:before { background-position: -8rem 0; @extend %doc-icon-2; @extend %darkIconFix !optional; }
163+._icon-typescript:before { background-position: -9rem 0; @extend %doc-icon-2; }
164+._icon-browser_support_tables:before { background-position: 0rem -1rem; @extend %doc-icon-2; }
165+._icon-gnu_fortran:before { background-position: -1rem -1rem; @extend %doc-icon-2; }
166+._icon-gcc:before { background-position: -2rem -1rem; @extend %doc-icon-2; }
167+._icon-perl:before { background-position: -3rem -1rem; @extend %doc-icon-2; }
168+._icon-apache_pig:before { background-position: -4rem -1rem; @extend %doc-icon-2; }
169+._icon-numpy:before { background-position: -5rem -1rem; @extend %doc-icon-2; }
170+._icon-kotlin:before { background-position: -6rem -1rem; @extend %doc-icon-2; }
171+._icon-padrino:before { background-position: -7rem -1rem; @extend %doc-icon-2; }
172+._icon-angular:before { background-position: -8rem -1rem; @extend %doc-icon-2; }
173+._icon-love:before { background-position: -9rem -1rem; @extend %doc-icon-2; }
views/manifest.erb+4−2
@@ -8,8 +8,10 @@ CACHE: · 7 unmodified lines
88 <%= stylesheet_path 'application-dark' %>
99 <%= image_path 'icons.png' %>
1010 <%= image_path 'icons@2x.png' %>
11−<%= image_path 'docs.png' %>
12−<%= image_path 'docs@2x.png' %>
11+<%= image_path 'docs-1.png' %>
12+<%= image_path 'docs-1@2x.png' %>
13+<%= image_path 'docs-2.png' %>
14+<%= image_path 'docs-2@2x.png' %>
1315 <%= asset_path 'docs.js' %>
1416 <%= doc_index_urls.join "\n" %>
1517

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