This commit is contained in:
93
Pinghsu/css/_icon.scss
Normal file
93
Pinghsu/css/_icon.scss
Normal file
@@ -0,0 +1,93 @@
|
||||
/**
|
||||
* 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;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user