playground
/
ratchet
mirror of https://github.com/twbs/ratchet.git
1
0
Fork 0
Code Issues Releases Activity
Browse Source

update icons

pull/249/head
connors 11 years ago
parent
bf1a29c250
commit
f4aa3e0007
7 changed files with 63 additions and 53 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 4
      components.html
  2. 42
      dist/ratchet.css
  3. BIN
      dist/ratchicons/ratchicons.eot
  4. 37
      dist/ratchicons/ratchicons.svg
  5. BIN
      dist/ratchicons/ratchicons.ttf
  6. BIN
      dist/ratchicons/ratchicons.woff
  7. 33
      lib/sass/ratchicons.scss

4
components.html
Unescape View File

@ -106,10 +106,12 @@ base_url: "../"
<div class="component-example component-example-fullbleed">
<header class="bar-nav">
<a class="button-link pull-left">
<span class="icon icon-left"></span>
Previous
</a>
<a class="button-link pull-right">
Next
<span class="icon icon-right"></span>
</a>
<h1 class="title">Title</h1>
</header>
@ -118,10 +120,12 @@ base_url: "../"
{% highlight html %}
<header class="bar-nav">
<a class="button-link pull-left">
<span class="icon icon-left"></span>
Previous
</a>
<a class="button-link pull-right">
Next
<span class="icon icon-right"></span>
</a>
<h1 class="title">Title</h1>
</header>

42
dist/ratchet.css vendored
Unescape View File

@ -1117,7 +1117,7 @@ input[type="button"] {
}
@font-face {
font-family: "Ratchicons";
font-family: ratchicons;
src: url("ratchicons/ratchicons.eot");
src: url("ratchicons/ratchicons.eot?#iefix") format("embedded-opentype"), url("ratchicons/ratchicons.woff") format("woff"), url("ratchicons/ratchicons.ttf") format("truetype"), url("ratchicons/ratchicons.svg#svgFontName") format("svg");
font-weight: normal;
@ -1126,7 +1126,7 @@ input[type="button"] {
.icon {
display: inline-block;
font-family: Ratchicons;
font-family: ratchicons;
font-size: 24px;
text-decoration: none;
line-height: 1;
@ -1135,57 +1135,61 @@ input[type="button"] {
}
.icon-down:before {
content: '\f00b';
content: '\e80a';
}
.icon-download:before {
content: '\f005';
content: '\e80e';
}
.icon-left:before {
content: '\f00c';
content: '\e80b';
}
.icon-list:before {
content: '\f008';
content: '\e801';
}
.icon-menu:before {
content: '\e800';
}
.icon-pages:before {
content: '\f000';
content: '\e802';
}
.icon-refresh:before {
content: '\f009';
content: '\e803';
}
.icon-right:before {
content: '\f00d';
content: '\e80c';
}
.icon-search:before {
content: '\f007';
content: '\e804';
}
.icon-share:before {
content: '\f00a';
}
.icon-sound:before {
content: '\f001';
content: '\e805';
}
.icon-sound2:before {
content: '\f002';
content: '\e807';
}
.icon-sound3:before {
content: '\f003';
content: '\e808';
}
.icon-sound4:before {
content: '\f004';
content: '\e809';
}
.icon-sound:before {
content: '\e806';
}
.icon-up:before {
content: '\f00e';
content: '\e80d';
}

BIN
dist/ratchicons/ratchicons.eot vendored
View File

Binary file not shown.

37
dist/ratchicons/ratchicons.svg vendored
Unescape View File

@ -1,25 +1,26 @@
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg">
<metadata>Generated by fontello.com</metadata>
<metadata>Copyright (C) 2014 by original authors @ fontello.com</metadata>
<defs>
<font id="my-font" horiz-adv-x="1024" >
<font-face font-family="my-font" font-weight="400" font-stretch="normal" units-per-em="1024" ascent="832" descent="-192" />
<missing-glyph horiz-adv-x="1024" />
<glyph glyph-name="down" unicode="&#xf00b;" d="M960 512l-45 45-403-403-403 403-45-45 448-448z" horiz-adv-x="1024" />
<glyph glyph-name="download" unicode="&#xf005;" d="M896 512h-192v-64h128v-576h-640v576h128v64h-192v-704h768v704z m-352-330v586h-64v-586l-117 114-43-40 192-192 192 192-43 41-117-116z" horiz-adv-x="1024" />
<glyph glyph-name="left" unicode="&#xf00c;" d="M704-128l45 45-403 403 403 403-45 45-448-448z" horiz-adv-x="1024" />
<glyph glyph-name="list2" unicode="&#xf008;" d="M1024 608h-768v-63l768-1v64z m0-321v65h-768v-65h768z m-768-191v-63h768v63h-768z m-256 416h128v128h-128v-128z m0-256h128v128h-128v-128z m0-256h128v128h-128v-128z" horiz-adv-x="1024" />
<glyph glyph-name="pages" unicode="&#xf000;" d="M64 577v-705h704v704l-704 1z m640-65v-576h-576v576h576z m-512 256v-128h64v64h640v-640h-64v-64h128v768h-768z" horiz-adv-x="1024" />
<glyph glyph-name="refresh" unicode="&#xf009;" d="M832 256c-28-148-165-256-320-256-176 0-320 143-320 320s145 319 320 320v-100l226 133-226 130v-97c0-2 0-2 0-2-211 0-384-171-384-384s173-384 384-384c191 0 355 136 384 320h-64z" horiz-adv-x="1024" />
<glyph glyph-name="right" unicode="&#xf00d;" d="M320 768l-45-45 403-403-403-403 45-45 448 448z" horiz-adv-x="1024" />
<glyph glyph-name="search" unicode="&#xf007;" d="M1024-134l-297 297c57 70 92 160 92 257 0 224-185 409-409 409s-408-193-408-417 184-400 408-400c98 0 188 35 259 93l297-297 58 58z m-945 553c0 164 167 331 331 331s329-167 329-331-163-323-327-323-333 159-333 323z" horiz-adv-x="1024" />
<glyph glyph-name="share" unicode="&#xf00a;" d="M896 512h-192v-64h128v-576h-640v576h128v64h-192v-704h768v704z m-416 202v-522h64v522l117-114 43 40-192 192-192-192 43-41 117 116z" horiz-adv-x="1024" />
<glyph glyph-name="sound" unicode="&#xf001;" d="M845-61c-2 0-4 0-6 1l-16 7c-5 1-8 3-10 6s-2 8 0 12c1 2 23 42 45 104 20 59 45 150 45 250 0 99-24 190-45 249-22 62-44 102-45 104-4 10-2 15 9 21l17 8c3 1 5 2 8 2 7 0 13-5 18-16 1-2 2-4 4-8 10-19 32-65 53-128 25-79 38-159 38-237 0-96-25-187-46-246-22-64-45-106-45-106l-1-2c-6-11-10-21-23-21z m-588 254s-1 0-1 0h-191v253h191s1 0 1 0l254 178v-609l-254 178z m485-127c-2 0-4 0-6 1l-16 7c-5 1-8 3-10 6s-2 8 0 12c1 2 16 27 31 66 14 37 31 96 31 161 0 66-17 124-31 161-15 38-30 63-31 65-4 10-2 15 9 21l16 8c3 1 5 2 8 2 7 0 13-5 18-16 1-3 3-6 6-11 17-32 62-118 62-234 0-65-17-123-31-160-16-40-31-65-31-65l-1-2c-6-11-10-21-23-21z m-86 130c-2 0-4 0-6 1l-15 7c-5 1-8 3-10 6s-2 8 0 12c0 0 21 45 21 97 0 54-20 93-22 95-4 10-2 15 9 21l16 8c3 1 5 2 8 2 7 0 13-5 18-16 1-3 3-6 5-10 10-19 23-45 23-106 0-34-22-93-23-96l-1-2c-6-11-10-21-23-21z" horiz-adv-x="1024" />
<glyph glyph-name="sound2" unicode="&#xf002;" d="M257 193s-1 0-1 0h-191v253h191s1 0 1 0l254 178v-609l-254 178z m485-127c-2 0-4 0-6 1l-16 7c-5 1-8 3-10 6s-2 8 0 12c1 2 16 27 31 66 14 37 31 96 31 161 0 66-17 124-31 161-15 38-30 63-31 65-4 10-2 15 9 21l16 8c3 1 5 2 8 2 7 0 13-5 18-16 1-3 3-6 6-11 17-32 62-118 62-234 0-65-17-123-31-160-16-40-31-65-31-65l-1-2c-6-11-10-21-23-21z m-86 130c-2 0-4 0-6 1l-15 7c-5 1-8 3-10 6s-2 8 0 12c0 0 21 45 21 97 0 54-20 93-22 95-4 10-2 15 9 21l16 8c3 1 5 2 8 2 7 0 13-5 18-16 1-3 3-6 5-10 10-19 23-45 23-106 0-34-22-93-23-96l-1-2c-6-11-10-21-23-21z" horiz-adv-x="1024" />
<glyph glyph-name="sound3" unicode="&#xf003;" d="M257 193s-1 0-1 0h-191v253h191s1 0 1 0l254 178v-609l-254 178z m399 3c-2 0-4 0-6 1l-15 7c-5 1-8 3-10 6s-2 8 0 12c0 0 21 45 21 97 0 54-20 93-22 95-4 10-2 15 9 21l16 8c3 1 5 2 8 2 7 0 13-5 18-16 1-3 3-6 5-10 10-19 23-45 23-106 0-34-22-93-23-96l-1-2c-6-11-10-21-23-21z" horiz-adv-x="1024" />
<glyph glyph-name="sound4" unicode="&#xf004;" d="M257 193s-1 0-1 0h-191v253h191s1 0 1 0l254 178v-609l-254 178z" horiz-adv-x="1024" />
<glyph glyph-name="up" unicode="&#xf00e;" d="M64 128l45-45 403 403 403-403 45 45-448 448z" horiz-adv-x="1024" />
<font id="ratchicons" horiz-adv-x="1000" >
<font-face font-family="ratchicons" font-weight="400" font-stretch="normal" units-per-em="1000" ascent="850" descent="-150" />
<missing-glyph horiz-adv-x="1000" />
<glyph glyph-name="download" unicode="&#xe80e;" d="m875 538h-187v-63h125v-563h-625v563h125v63h-188v-688h750v688z m-344-323v573h-62v-573l-115 112l-41-39l187-188l188 188l-42 40l-115-113z" horiz-adv-x="1000" />
<glyph glyph-name="menu" unicode="&#xe800;" d="m650 400q22 0 36-15t14-35t-15-35t-35-15l-600 0q-20 0-35 15t-15 35t14 35t36 15l600 0z m-600 100q-20 0-35 15t-15 35t14 35t36 15l600 0q22 0 36-15t14-35t-15-35t-35-15l-600 0z m600-300q22 0 36-15t14-35t-15-35t-35-15l-600 0q-20 0-35 15t-15 35t14 35t36 15l600 0z" horiz-adv-x="700" />
<glyph glyph-name="pages" unicode="&#xe802;" d="m63 601v-689h687l0 688l-687 1z m625-63v-563h-563v563h563z m-500 250v-125h62v62h625v-625l-62 0v-62h125v750h-750z" horiz-adv-x="1000" />
<glyph glyph-name="refresh" unicode="&#xe803;" d="m813 288c-28-145-161-250-313-250c-172 0-312 139-312 312c0 173 141 312 312 313v-98l221 129l-221 128v-95c0-2 0-2 0-2c-206 0-375-167-375-375s169-375 375-375c187 0 347 133 375 313h-62z" horiz-adv-x="1000" />
<glyph glyph-name="search" unicode="&#xe804;" d="m1000-94l-290 291c56 68 90 156 90 250c0 219-181 400-400 400s-398-189-398-407s180-391 398-391c96 0 184 34 254 91l290-290l56 56z m-923 541c0 160 163 323 323 323s321-163 321-323s-159-316-319-316s-325 156-325 316z" horiz-adv-x="1000" />
<glyph glyph-name="share" unicode="&#xe805;" d="m875 538h-187v-63h125v-563h-625v563h125v63h-188v-688h750v688z m-406 197v-510h62v510l115-112l42 40l-188 187l-187-187l41-41l115 113z" horiz-adv-x="1000" />
<glyph glyph-name="sound" unicode="&#xe806;" d="m825-22c-2 0-3 0-5 0l-16 7c0 0 0 0 0 1c-5 1-8 3-10 6c-1 3-1 7 1 12c1 1 22 40 43 101c20 58 44 147 44 244c0 98-24 186-44 243c-21 61-42 100-43 102c-4 11-2 15 8 21l17 8c2 1 5 2 7 2c7 0 12-5 17-16c1-2 2-4 4-8c10-19 32-63 52-125c25-78 37-156 37-232c0-94-24-182-44-240c-22-63-44-104-45-104l-1-2c-5-11-9-20-22-20c0 0 0 0 0 0z m-574 248c0 0-1 0-1 0h-186v248h186c0 0 1 0 1 0l248 173v-595l-248 174z m474-124c-2 0-4 0-6 0l-16 8c0 0 0 0 0 0c-5 1-8 3-9 6c-2 3-2 7 0 12c1 1 16 26 30 64c14 37 30 94 30 157c0 65-16 121-30 157c-14 38-29 62-30 63c-4 11-2 15 9 21l15 8c3 1 5 2 8 2c6 0 12-5 17-16c1-3 3-6 5-11c17-31 61-115 61-229c0-63-16-120-30-156c-16-39-31-64-31-64c0 0 0 0 0 0l-1-2c-6-11-10-20-22-20c0 0 0 0 0 0z m-84 127c-2 0-4 0-6 0l-15 7c0 1 0 1 0 1c-5 1-8 3-9 6c-2 3-2 7 0 12c0 0 20 43 20 94c0 53-20 91-21 93c-4 11-2 16 9 21l15 8c3 1 5 2 8 2c6 0 12-5 17-16c1-3 3-6 4-9c10-19 23-45 23-104c0-33-21-91-22-93l-1-2c-6-11-10-20-22-20c0 0 0 0 0 0z" horiz-adv-x="1000" />
<glyph glyph-name="list2" unicode="&#xe801;" d="m1000 632h-750v-62l750-1v63z m0-314v63h-750v-63h750z m-750-187v-61h750v61h-750z m-250 406l125 1v125l-125 0v-126z m0-249h125v125h-125v-125z m0-250h125v125h-125v-125z" horiz-adv-x="1000" />
<glyph glyph-name="sound3" unicode="&#xe808;" d="m251 226c0 0-1 0-1 0h-186v248h186c0 0 1 0 1 0l248 173v-595l-248 174z m390 3c-2 0-4 0-6 0l-15 7c0 1 0 1 0 1c-5 1-8 3-9 6c-2 3-2 7 0 12c0 0 20 43 20 94c0 53-20 91-21 93c-4 11-2 16 9 21l15 8c3 1 5 2 8 2c6 0 12-5 17-16c1-3 3-6 4-9c10-19 23-45 23-104c0-33-21-91-22-93l-1-2c-6-11-10-20-22-20c0 0 0 0 0 0z" horiz-adv-x="1000" />
<glyph glyph-name="sound4" unicode="&#xe809;" d="m251 226c0 0-1 0-1 0h-186v248h186c0 0 1 0 1 0l248 173v-595l-248 174z" horiz-adv-x="1000" />
<glyph glyph-name="down" unicode="&#xe80a;" d="m934 537l-81 83l-354-372l-353 372l-81-83l435-455l434 455z" horiz-adv-x="1000" />
<glyph glyph-name="left" unicode="&#xe80b;" d="m663-84l83 81l-372 354l372 354l-83 81l-455-435l455-435z" horiz-adv-x="1000" />
<glyph glyph-name="right" unicode="&#xe80c;" d="m291 786l-83-81l372-354l-372-354l83-81l455 435l-455 435z" horiz-adv-x="1000" />
<glyph glyph-name="up" unicode="&#xe80d;" d="m65 146l81-83l354 372l353-372l81 83l-434 456l-435-456z" horiz-adv-x="1000" />
<glyph glyph-name="sound2" unicode="&#xe807;" d="m251 226c0 0-1 0-1 0h-186v248h186c0 0 1 0 1 0l248 173v-595l-248 174z m474-124c-2 0-4 0-6 0l-16 8c0 0 0 0 0 0c-5 1-8 3-9 6c-2 3-2 7 0 12c1 1 16 26 30 64c14 37 30 94 30 157c0 65-16 121-30 157c-14 38-29 62-30 63c-4 11-2 15 9 21l15 8c3 1 5 2 8 2c6 0 12-5 17-16c1-3 3-6 5-11c17-31 61-115 61-229c0-63-16-120-30-156c-16-39-31-64-31-64c0 0 0 0 0 0l-1-2c-6-11-10-20-22-20c0 0 0 0 0 0z m-84 127c-2 0-4 0-6 0l-15 7c0 1 0 1 0 1c-5 1-8 3-9 6c-2 3-2 7 0 12c0 0 20 43 20 94c0 53-20 91-21 93c-4 11-2 16 9 21l15 8c3 1 5 2 8 2c6 0 12-5 17-16c1-3 3-6 4-9c10-19 23-45 23-104c0-33-21-91-22-93l-1-2c-6-11-10-20-22-20c0 0 0 0 0 0z" horiz-adv-x="1000" />
</font>
</defs>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.1 KiB

After

Width:  |  Height:  |  Size: 4.8 KiB

BIN
dist/ratchicons/ratchicons.ttf vendored
View File

Binary file not shown.

BIN
dist/ratchicons/ratchicons.woff vendored
View File

Binary file not shown.

33
lib/sass/ratchicons.scss
Unescape View File

@ -3,7 +3,7 @@
// --------------------------------------------------
@font-face {
font-family: "Ratchicons";
font-family: ratchicons;
src: url("ratchicons/ratchicons.eot");
src: url("ratchicons/ratchicons.eot?#iefix") format("embedded-opentype"),
url("ratchicons/ratchicons.woff") format("woff"),
@ -14,24 +14,25 @@
}
.icon {
display: inline-block;
font-family: Ratchicons;
font-family: ratchicons;
font-size: 24px;
text-decoration: none;
line-height: 1;
cursor: default;
-webkit-font-smoothing: antialiased;
}
.icon-down:before { content: '\f00b'}
.icon-download:before { content: '\f005'}
.icon-left:before { content: '\f00c'}
.icon-list:before { content: '\f008'}
.icon-pages:before { content: '\f000'}
.icon-refresh:before { content: '\f009'}
.icon-right:before { content: '\f00d'}
.icon-search:before { content: '\f007'}
.icon-share:before { content: '\f00a'}
.icon-sound:before { content: '\f001'}
.icon-sound2:before { content: '\f002'}
.icon-sound3:before { content: '\f003'}
.icon-sound4:before { content: '\f004'}
.icon-up:before { content: '\f00e'}
.icon-down:before { content: '\e80a'; }
.icon-download:before { content: '\e80e'; }
.icon-left:before { content: '\e80b'; }
.icon-list:before { content: '\e801'; }
.icon-menu:before { content: '\e800'; }
.icon-pages:before { content: '\e802'; }
.icon-refresh:before { content: '\e803'; }
.icon-right:before { content: '\e80c'; }
.icon-search:before { content: '\e804'; }
.icon-share:before { content: '\e805'; }
.icon-sound2:before { content: '\e807'; }
.icon-sound3:before { content: '\e808'; }
.icon-sound4:before { content: '\e809'; }
.icon-sound:before { content: '\e806'; }
.icon-up:before { content: '\e80d'; }

Write Preview
Loading…
Cancel
Save