fontisto
Version:
Fontisto gives you scalable vector icons that can instantly be customized: size, color, drop shadow and anything that can be done with the power of CSS.
303 lines (242 loc) • 6.56 kB
CSS
/*!
* Fontisto-editors 3.0.4 by @kenangundogan - http://fontisto.com - @fontisto
* License - http://fontisto.com/license (CSS: MIT License)
*/
@font-face {
font-family: "fontisto";
src: url("../../fonts/fontisto/fontisto-editors.eot?v=304");
src: url("../../fonts/fontisto/fontisto-editors.eot?#iefix&v=304") format("embedded-opentype"), url("../../fonts/fontisto/fontisto-editors.ttf?v=304") format("truetype"), url("../../fonts/fontisto/fontisto-editors.woff?v=304") format("woff"), url("../../fonts/fontisto/fontisto-editors.svg?v=304#fontisto") format("svg"); }
.fi {
display: inline-block;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-rendering: auto;
line-height: 1;
font-family: "fontisto";
font-size: 14px;
font-size: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
/* fontisto icon list*/
.fi-bold:before {
content: "\ea0e"; }
.fi-broken-link:before {
content: "\ea0f"; }
.fi-center-align:before {
content: "\ea10"; }
.fi-close:before {
content: "\ea11"; }
.fi-columns:before {
content: "\ea12"; }
.fi-copy:before {
content: "\ea13"; }
.fi-eraser:before {
content: "\ea14"; }
.fi-export:before {
content: "\ea15"; }
.fi-file-1:before {
content: "\ea16"; }
.fi-file-2:before {
content: "\ea17"; }
.fi-folder:before {
content: "\ea18"; }
.fi-font:before {
content: "\ea19"; }
.fi-import:before {
content: "\ea1a"; }
.fi-indent:before {
content: "\ea1b"; }
.fi-italic:before {
content: "\ea1c"; }
.fi-justify:before {
content: "\ea1d"; }
.fi-left-align:before {
content: "\ea1e"; }
.fi-link2:before {
content: "\ea1f"; }
.fi-list-1:before {
content: "\ea20"; }
.fi-list-2:before {
content: "\ea21"; }
.fi-outdent:before {
content: "\ea22"; }
.fi-paperclip:before {
content: "\ea23"; }
.fi-paragraph:before {
content: "\ea24"; }
.fi-paste:before {
content: "\ea25"; }
.fi-preview:before {
content: "\ea26"; }
.fi-print2:before {
content: "\ea27"; }
.fi-redo:before {
content: "\ea28"; }
.fi-right-align:before {
content: "\ea29"; }
.fi-save-1:before {
content: "\ea2a"; }
.fi-save:before {
content: "\ea2b"; }
.fi-scissors2:before {
content: "\ea2c"; }
.fi-strikethrough:before {
content: "\ea2d"; }
.fi-subscript:before {
content: "\ea2e"; }
.fi-superscript:before {
content: "\ea2f"; }
.fi-table-1:before {
content: "\ea30"; }
.fi-table-2:before {
content: "\ea31"; }
.fi-text-height:before {
content: "\ea32"; }
.fi-text-width:before {
content: "\ea33"; }
.fi-underline:before {
content: "\ea34"; }
.fi-undo:before {
content: "\ea35"; }
.fi-inverse {
color: #fff; }
.fi-spin {
-webkit-animation: fi-spin 2s infinite linear;
animation: fi-spin 2s infinite linear; }
.fi-pulse {
-webkit-animation: fi-spin 1s infinite steps(8);
animation: fi-spin 1s infinite steps(8); }
@-webkit-keyframes fi-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg); } }
@keyframes fi-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg); } }
.fi-border {
position: relative;
z-index: 1;
width: 2.2em;
height: 2.2em;
line-height: 2em;
vertical-align: middle;
border: solid 2px #000; }
.fi-border.ellipse {
border-radius: 2.2em; }
.fi-border.curve {
border-radius: 0.4em; }
.fi-border.rectangle {
border-radius: 0em; }
.fi-border:before {
position: absolute;
left: 0;
width: 100%;
text-align: center;
line-height: inherit; }
.fi-stack {
position: relative;
z-index: 1;
display: inline-block;
width: 2.2em;
height: 2.2em;
line-height: 2.2em;
vertical-align: middle; }
.fi-stack.ellipse:after {
content: "\ea0c"; }
.fi-stack.curve:after {
content: "\ea0b"; }
.fi-stack.rectangle:after {
content: "\ea0d"; }
.fi-stack:after {
position: absolute;
z-index: -1;
left: 0;
width: 100%;
text-align: center;
font-size: 2.2em; }
.fi-stack:before {
position: absolute;
left: 0;
width: 100%;
text-align: center;
line-height: inherit;
color: #fff; }
.fi-r-45 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg); }
.fi-r-90 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg); }
.fi-r-135 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg); }
.fi-r-180 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg); }
.fi-r-225 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
-webkit-transform: rotate(225deg);
-ms-transform: rotate(225deg);
transform: rotate(225deg); }
.fi-r-270 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg); }
.fi-r-315 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
-webkit-transform: rotate(315deg);
-ms-transform: rotate(315deg);
transform: rotate(315deg); }
.fi-f-horizontal {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
-webkit-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1); }
.fi-f-vertical {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
-webkit-transform: scale(1, -1);
-ms-transform: scale(1, -1);
transform: scale(1, -1); }
.fi-list {
padding-left: 0;
margin-left: 2.14286em;
list-style-type: none; }
.fi-list > li {
position: relative; }
.fi-list > li .fi {
position: absolute;
top: 0.14286em;
left: -2.14286em;
width: 2.14286em;
text-align: center; }
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0; }
.fi-fw {
width: 1.28571em;
text-align: center; }
/*# sourceMappingURL=fontisto-editors.css.map */