Replaced angel icons with svg

main
Igor Scheller 6 years ago committed by msquare
parent 689ad7d5d5
commit 0aa5f07925

@ -1,28 +0,0 @@
@font-face {
font-family: 'angelFont';
src:url('./angelFont.eot?-kja6ux');
src:url('./angelFont.eot?#iefix-kja6ux') format('embedded-opentype'),
url('./angelFont.woff?-kja6ux') format('woff'),
url('./angelFont.ttf?-kja6ux') format('truetype'),
url('./angelFont.svg?-kja6ux#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
font-family: 'angelFont';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-icon_angel:before {
content: "\e600";
}

@ -1,11 +0,0 @@
<?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 IcoMoon</metadata>
<defs>
<font id="icomoon" horiz-adv-x="512">
<font-face units-per-em="512" ascent="480" descent="-32" />
<missing-glyph horiz-adv-x="512" />
<glyph unicode="&#x20;" d="" horiz-adv-x="256" />
<glyph unicode="&#xe600;" d="M262.158 408.627c-70.507 0-127.664-66.46-127.664-148.443 0-45.996 17.956-87.059 46.202-114.287v-34.156l-179.946-52.779v-94.564l510.657-4.399v94.563l-165.356 59.377h-2.432v31.957c28.247 27.228 46.202 68.291 46.202 114.287 0 81.983-57.157 148.443-127.664 148.443zM262.158 479c-124.226 0-224.932-40.861-224.932-91.265s100.706-91.265 224.932-91.265c124.226 0 224.932 40.861 224.932 91.265s-100.706 91.265-224.932 91.265zM262.158 432.818c102.738 0 186.025-28.553 186.025-63.775s-83.286-63.776-186.025-63.776c-102.738 0-186.025 28.553-186.025 63.776s83.286 63.775 186.025 63.775z" />
</font></defs></svg>

Before

Width:  |  Height:  |  Size: 1.0 KiB

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" baseProfile="full" width="135mm" height="135mm">
<g transform="rotate(180 255.7 239.5)">
<path d="m262.16 408.63c-70.507 0-127.66-66.46-127.66-148.44 0-45.996 17.956-87.059 46.202-114.29v-34.156l-179.95-52.779v-100.51l510.58-0.01416 0.0743 96.124-165.36 59.377h-2.432v31.957c28.247 27.228 46.202 68.291 46.202 114.29 0 81.983-57.157 148.44-127.66 148.44zm0 70.373c-124.23 0-224.93-40.861-224.93-91.265s100.71-91.265 224.93-91.265 224.93 40.861 224.93 91.265-100.71 91.265-224.93 91.265zm0-46.182c102.74 0 186.02-28.553 186.02-63.775s-83.286-63.776-186.02-63.776c-102.74 0-186.02 28.553-186.02 63.776s83.286 63.775 186.02 63.775z"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 714 B

@ -1,5 +1,4 @@
@import "../../../node_modules/bootstrap/less/bootstrap"; @import "../../../node_modules/bootstrap/less/bootstrap";
@import "../angelFont/angelFont.css";
body { body {
padding-top: 50px; padding-top: 50px;
@ -21,6 +20,35 @@ body {
margin: 0px; margin: 0px;
} }
.icon-icon_angel {
background-color: @text-color;
display: inline-block;
width: 1em;
height: 1em;
-webkit-mask: url(../icons/angel.svg) no-repeat 50% 50%;
mask: url(../icons/angel.svg) no-repeat 50% 50%;
-webkit-mask-size: cover;
mask-size: cover;
}
a .icon-icon_angel {
background-color: @link-color;
}
.navbar .icon-icon_angel {
background-color: @navbar-default-link-disabled-color;
}
.navbar-brand .icon-icon_angel {
background-color: @navbar-default-brand-color;
}
table a > .icon-icon_angel {
background-color: @text-color;
}
.stats { .stats {
.make-md-column(3); .make-md-column(3);
.make-xs-column(6); .make-xs-column(6);

Loading…
Cancel
Save