Vulcan/client/sass/partials/_icons.scss

57 lines
16 KiB
SCSS
Raw Normal View History

2012-08-25 11:20:17 +09:00
@font-face {
2012-09-15 18:41:08 +09:00
font-family: 'icomoon';
src:url('fonts/icomoon.eot');
}
@font-face {
font-family: 'icomoon';
2012-09-24 16:12:50 +09:00
src: url(data:font/opentype;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiID4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8bWV0YWRhdGE+ClRoaXMgaXMgYSBjdXN0b20gU1ZHIGZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uCjAKPC9tZXRhZGF0YT4KPGRlZnM+Cjxmb250IGlkPSJpY29tb29uIiBob3Jpei1hZHYteD0iNTEyIiA+Cjxmb250LWZhY2UgdW5pdHMtcGVyLWVtPSI1MTIiIGFzY2VudD0iNDgwIiBkZXNjZW50PSItMzIiIC8+CjxtaXNzaW5nLWdseXBoIGhvcml6LWFkdi14PSI1MTIiIC8+CjxnbHlwaCB1bmljb2RlPSImI3g3MzsiIGQ9Ik0gMzY0LjYzMiwzOTQuNzA4bCAxMDguNjMyLTEwOC42MzJsLTEwOC42MzItMTA4LjYzMmwwLjAwLDc3LjU5NSBsLTEyNC4xNTEsMzEuMDM3bCAxMjQuMTUxLDMxLjAzOUwgMzY0LjYzMiwzOTQuNzA4ICBNIDM2NC42MjUsNDI1Ljc0NgoJYy0zLjk5NywwLjAwLTguMDI5LTAuNzcyLTExLjg2OS0yLjM2M2MtMTEuNTk4LTQuODA0LTE5LjE2LTE2LjEyMi0xOS4xNi0yOC42NzZsMC4wMC01My4zNjEgbC0xMDAuNjQzLTI1LjE2CgljLTEzLjgxNS0zLjQ1Ni0yMy41MS0xNS44NjktMjMuNTEtMzAuMTEyYzAuMDAtMTQuMjQxLCA5LjY5My0yNi42NTYsIDIzLjUxLTMwLjExMWwgMTAwLjY0My0yNS4xNmwwLjAwLTUzLjM2MSAKCWMwLjAwLTEyLjU1NiwgNy41NjItMjMuODcyLCAxOS4xNi0yOC42NzZjIDMuODQtMS41ODgsIDcuODcyLTIuMzYzLCAxMS44NjktMi4zNjNjIDguMDc4LDAuMDAsIDE2LjAxNSwzLjE1MywgMjEuOTUzLDkuMDkybCAxMDguNjM0LDEwOC42MzQKCWMgMTIuMTIyLDEyLjEyLCAxMi4xMjIsMzEuNzcyLDAuMDAsNDMuODk0bC0xMDguNjM0LDEwOC42MzJDIDM4MC42NCw0MjIuNTkzLCAzNzIuNzAzLDQyNS43NDYsIDM2NC42MjUsNDI1Ljc0NkwgMzY0LjYyNSw0MjUuNzQ2eiBNIDE0Ny4zNjgsMjcwLjU1NwoJbDAuMDAtNzcuNTk1IGwgMTI0LjE1MS0zMS4wMzlsLTEyNC4xNTEtMzEuMDM3bDAuMDAtNzcuNTk1IGwtMTA4LjYzMiwxMDguNjMyTCAxNDcuMzY4LDI3MC41NTcgTSAxNDcuMzczLDMwMS41OTVjLTguMDc4LDAuMDAtMTYuMDE1LTMuMTUzLTIxLjk1Mi05LjA5MgoJbC0xMDguNjMyLTEwOC42MzJjLTEyLjEyMy0xMi4xMjItMTIuMTIzLTMxLjc3MywwLjAwLTQzLjg5NGwgMTA4LjYzMi0xMDguNjMyYyA1LjkzOC01LjkzOSwgMTMuODc2LTkuMDkyLCAyMS45NTItOS4wOTIKCWMgNC4wMCwwLjAwLCA4LjAzMiwwLjc3MiwgMTEuODcyLDIuMzYzYyAxMS41OTgsNC44MDQsIDE5LjE2LDE2LjEyMiwgMTkuMTYsMjguNjc1bDAuMDAsNTMuMzYxIGwgMTAwLjY0MywyNS4xNgoJYyAxMy44MTYsMy40NTUsIDIzLjUwOCwxNS44NjksIDIzLjUwOCwzMC4xMTFjMC4wMCwxNC4yNDMtOS42OTIsMjYuNjU2LTIzLjUwOCwzMC4xMTJsLTEwMC42NDMsMjUuMTU4bDAuMDAsNTMuMzYyIAoJYzAuMDAsMTIuNTU0LTcuNTYyLDIzLjg3MS0xOS4xNiwyOC42NzZDIDE1NS40MDYsMzAwLjgyMiwgMTUxLjM3MywzMDEuNTk1LCAxNDcuMzczLDMwMS41OTVMIDE0Ny4zNzMsMzAxLjU5NXoiIC8+CjxnbHlwaCB1bmljb2RlPSImI3g2MzsiIGQ9Ik0gMzM0Ljg5NCw0MTMuMzM1YyA3OC40MjQsMC4wMCwgMTQxLjk5OC02My41NzYsIDE0MS45OTgtMTQyLjAwMmMwLjAwLTc4LjQyNC02My41NzQtMTQxLjk5OC0xNDEuOTk4LTE0Mi4wMDFsMC4wMC0wLjAwMSAKCWwtNjMuMTE3LDAuMDAgbC05NC42NjgtOTQuNjY4bDAuMDAsOTQuNjY4IGwwLjAwLDAuMDA0IGMtNzguNDI3LDAuMDAtMTQyLjAwMSw2My41NzQtMTQyLjAwMSwxNDEuOTk4YzAuMDAsNzguNDI2LCA2My41NzQsMTQyLjAwMiwgMTQyLjAwMSwxNDIuMDAybCAxNTcuNzgsMC4wMCAKCSBNIDMzNC44OTQsNDQ0Ljg5MUwgMTc3LjExLDQ0NC44OTEgYy05NS43MCwwLjAwLTE3My41NTYtNzcuODU3LTE3My41NTYtMTczLjU1OGMwLjAwLTg0LjkyOCwgNjEuMzExLTE1NS44MDQsIDE0Mi4wMDEtMTcwLjY4bDAuMDAtNjUuOTg5IAoJYzAuMDAtMTIuNzYzLCA3LjY4OS0yNC4yNjksIDE5LjQ4LTI5LjE1MmMgMy45MDMtMS42MTgsIDguMDA0LTIuNDA0LCAxMi4wNjktMi40MDRjIDguMjEyLDAuMDAsIDE2LjI4MywzLjIwNSwgMjIuMzIxLDkuMjQzbCA4NS40MjIsODUuNDI1bCA1MC4wNDcsMC4wMCAKCWMgOTUuNjk3LDAuMDAsIDE3My41NTQsNzcuODYxLCAxNzMuNTU0LDE3My41NThDIDUwOC40NDgsMzY3LjAzNCwgNDMwLjU4OSw0NDQuODkxLCAzMzQuODk0LDQ0NC44OTFMIDMzNC44OTQsNDQ0Ljg5MXoiIC8+CjxnbHlwaCB1bmljb2RlPSImI3gyMTkxOyIgZD0iTSA1MDEuNzYsMTMxLjgzNmMwLjAwLTE1LjcyNC02LjAwMS0zMS40NDctMTcuOTk3LTQzLjQ0M2MtMjMuOTkyLTIzLjk5Mi02Mi44OTUtMjMuOTkyLTg2Ljg5MiwwLjAwTCAyNTUuOTk3LDIyOS4yNwoJTCAxMTUuMTIzLDg4LjM5M2MtMjMuOTkyLTIzLjk5Mi02Mi44OTUtMjMuOTkyLTg2Ljg4OCwwLjAwQyA0LjI0MSwxMTIuMzg5LCA0LjI0MSwxNTEuMjgzLCAyOC4yMzQsMTc1LjI4M2wgMTg0LjMyLDE4NC4zMjEKCWMgMjMuOTkyLDIzLjk5MiwgNjIuODk1LDIzLjk5MiwgODYuODg4LDAuMDBMIDQ4My43NjMsMTc1LjI4M0MgNDk1Ljc1OSwxNjMuMjgzLCA1MDEuNzYsMTQ3LjU2LCA1MDEuNzYsMTMxLjgzNkwgNTAxLjc2LDEzMS44MzZ6IiAvPgo8Z2x5cGggdW5pY29kZT0iJiN4MjE5MzsiIGQ9Ik0gNTAxLjc2LDMxNi4xNjFjMC4wMC0xNS43MjQtNi4wMDEtMzEuNDQ3LTE3Ljk5Ny00My40NDdMIDI5OS40NDEsODguMzkzYy0yMy45OTItMjMuOTkyLTYyLjg5NS0yMy45OTItODYuODg4LDAuMDAKCWwtMTg0LjMyLDE4NC4zMjFjLTIzLjk5MiwyNC4wMC0yMy45OTIsNjIuODk1LCAwLjAwMSw4Ni44OTJjIDIzLjk5MiwyMy45OTIsIDYyLjg5NSwyMy45OTIsIDg2Ljg4OCwwLjAwbCAxNDAuODc0LTE0MC44NzhMIDM5N
url(data:font/opentype;charset=utf-8;base64,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) format('truetype');
2012-08-25 11:20:17 +09:00
font-weight: normal;
font-style: normal;
}
/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
2012-09-15 18:41:08 +09:00
font-family: 'icomoon';
2012-08-25 11:20:17 +09:00
content: attr(data-icon);
speak: none;
2012-09-15 18:41:08 +09:00
font-weight: normal;
-webkit-font-smoothing: antialiased;
2012-08-25 11:20:17 +09:00
}
/* Use the following CSS code if you want to have a class per icon */
[class^="icon-"]:before, [class*=" icon-"]:before {
2012-09-15 18:41:08 +09:00
font-family: 'icomoon';
2012-08-25 11:20:17 +09:00
font-style: normal;
speak: none;
2012-09-15 18:41:08 +09:00
font-weight: normal;
-webkit-font-smoothing: antialiased;
2012-08-25 11:20:17 +09:00
}
.icon-share:before {
content: "\73";
}
.icon-comment:before {
content: "\63";
}
.icon-up:before {
content: "\2191";
}
.icon-down:before {
content: "\2193";
}
.icon-link:before {
content: "\6c";
}
.icon-check:before {
content: "\2705";
}
.icon-plus:before {
content: "\2b";
}
.icon-menu:before {
content: "\2630";
}
2012-09-15 18:41:08 +09:00
.icon-user:before {
content: "\75";
}