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

Adding first batch of WIP Ratchicons.

pull/214/head
connors 11 years ago
parent
cfdeec5cf9
commit
3f623c2a22
8 changed files with 127 additions and 4 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. 59
      dist/ratchet.css
  2. BIN
      dist/ratchicons/ratchicons.eot
  3. 25
      dist/ratchicons/ratchicons.svg
  4. BIN
      dist/ratchicons/ratchicons.ttf
  5. BIN
      dist/ratchicons/ratchicons.woff
  6. 6
      examples/app-default/index.html
  7. 4
      lib/sass/ratchet.scss
  8. 37
      lib/sass/ratchicons.scss

59
dist/ratchet.css vendored
Unescape View File

@ -1110,3 +1110,62 @@ input[type="button"] {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3), -320px 0 0 rgba(0, 0, 0, 0.1);
}
}
@font-face {
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;
font-style: normal;
}
.icon {
display: inline-block;
font-family: "Ratchicons", sans-serif;
text-decoration: none;
line-height: 1;
cursor: default;
-webkit-font-smoothing: antialiased;
}
.icon.icon-down:before {
content: '\f00b';
}
.icon.icon-download:before {
content: '\f005';
}
.icon.icon-left:before {
content: '\f00c';
}
.icon.icon-list:before {
content: '\f008';
}
.icon.icon-pages:before {
content: '\f000';
}
.icon.icon-refresh:before {
content: '\f009';
}
.icon.icon-right:before {
content: '\f00d';
}
.icon.icon-search:before {
content: '\f007';
}
.icon.icon-share:before {
content: '\f00a';
}
.icon.icon-sound:before {
content: '\f001';
}
.icon.icon-sound2:before {
content: '\f002';
}
.icon.icon-sound3:before {
content: '\f003';
}
.icon.icon-sound4:before {
content: '\f004';
}
.icon.icon-up:before {
content: '\f00e';
}

BIN
dist/ratchicons/ratchicons.eot vendored
View File

Binary file not shown.

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

@ -0,0 +1,25 @@
<?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>
<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>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.1 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.

6
examples/app-default/index.html
Unescape View File

@ -31,19 +31,19 @@
<ul class="tab-inner">
<li class="tab-item active">
<a href="index.html" data-transition="fade">
<img class="tab-icon" src="../../docs/img/icon-hamburger.png">
<span class="icon icon-share"></span>
<div class="tab-label">Movies</div>
</a>
</li>
<li class="tab-item">
<a href="theaters.html" data-transition="fade">
<img class="tab-icon" src="../../docs/img/icon-hamburger.png">
<span class="icon icon-pages"></span>
<div class="tab-label">Theaters</div>
</a>
</li>
<li class="tab-item">
<a href="settings.html" data-transition="fade">
<img class="tab-icon" src="../../docs/img/icon-hamburger.png">
<span class="icon icon-sound"></span>
<div class="tab-label">Settings</div>
</a>
</li>

4
lib/sass/ratchet.scss
Unescape View File

@ -1,7 +1,6 @@
// Variables
@import "variables.scss";
// Normalize & Base CSS
@import "normalize.scss";
@import "base.scss";
@ -21,3 +20,6 @@
@import "sliders.scss";
@import "toggles.scss";
@import "push.scss";
// Ratchicons
@import "ratchicons.scss";

37
lib/sass/ratchicons.scss
Unescape View File

@ -0,0 +1,37 @@
//
// Ratchicons
// --------------------------------------------------
@font-face {
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;
font-style: normal;
}
.icon {
display: inline-block;
font-family: "Ratchicons", sans-serif;
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'}
}
Write Preview
Loading…
Cancel
Save