solo-skins/Pinghsu/css/_icon.scss

93 lines
2.3 KiB
SCSS

/**
* Solo - A small and beautiful blogging system written in Java.
* Copyright (c) 2010-2018, b3log.org & hacpai.com
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU Affero General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU Affero General Public License for more details.
*
* You should have received a copy of the GNU Affero General Public License
* along with this program. If not, see <https://www.gnu.org/licenses/>.
*/
/*
* icon font
*
* @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
* @version 0.2.0.1, Jan 2, 2019
*/
@font-face {
font-family: 'icomoon';
src: url('fonts/icomoon.eot?oyqnlj');
src: url('fonts/icomoon.eot?oyqnlj#iefix') format('embedded-opentype'),
url('fonts/icomoon.ttf?oyqnlj') format('truetype'),
url('fonts/icomoon.woff?oyqnlj') format('woff'),
url('fonts/icomoon.svg?oyqnlj#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon__"], [class*=" icon__"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'icomoon' !important;
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__search:before {
content: "\f002";
}
.ico {
background-image: url("../images/ico.png");
float: right;
width: 42px;
height: 42px;
border: 1px solid #eaeaea;
border-radius: 50%;
background-size: 42px auto;
&--0 {
background-position: 0 -42px;
}
&--1 {
background-position: 0 -84px;
}
&--2 {
background-position: 0 -126px;
}
&--3 {
background-position: 0 -168px;
}
&--4 {
background-position: 0 -210px;
}
&--5 {
background-position: 0 -252px;
}
&--6 {
background-position: 0 -294px;
}
&--7 {
background-position: 0 -336px;
}
&--8 {
background-position: 0 -378px;
}
&--9 {
background-position: 0 -420px;
}
}