Build mobile apps with simple HTML, CSS, and JS components. http://goratchet.com/
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

76 lines
1.8 KiB

//
// 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;
font-size: 24px;
text-decoration: none;
line-height: 1;
cursor: default;
-webkit-font-smoothing: antialiased;
11 years ago
}
.icon-code:before { content: '\e804'; }
.icon-down:before { content: '\e801'; }
.icon-download:before { content: '\f005'; }
.icon-left:before { content: '\e803'; }
.icon-lg-down:before { content: '\f00b'; }
.icon-lg-left:before { content: '\f00c'; }
.icon-lg-right:before { content: '\f00d'; }
.icon-lg-up:before { content: '\f00e'; }
.icon-list:before { content: '\f008'; }
.icon-pages:before { content: '\f000'; }
.icon-refresh:before { content: '\f009'; }
.icon-right:before { content: '\e800'; }
.icon-search:before { content: '\f007'; }
.icon-share:before { content: '\f00a'; }
.icon-sound2:before { content: '\f002'; }
.icon-sound3:before { content: '\f003'; }
.icon-sound4:before { content: '\f004'; }
.icon-sound:before { content: '\f001'; }
.icon-up:before { content: '\e802'; }
// Ratchicons in buttons
.btn {
.icon {
font-size: inherit;
}
}
// Ratchicons in nav bars
.bar {
.icon {
font-size: 24px;
margin-top: 11px;
}
}
// Ratchicons in table-views
.table-view {
.icon {
margin-top: 3px;
font-size: inherit;
&.icon-left,
&.icon-right {
color: #bbb;
}
&.pull-left {
margin-right: 5px;
}
&.pull-right {
margin-left: 5px;
}
}
}