/**
 * 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;
  }
}