2015-07-27 20:49:37 +02:00
|
|
|
/*
|
|
|
|
Icon classes can be used entirely standalone. They are named after their original file names.
|
|
|
|
|
|
|
|
```html
|
2015-07-30 19:40:23 +02:00
|
|
|
<!-- `display: block` sprite -->
|
|
|
|
<div class="icon-home"></div>
|
|
|
|
|
|
|
|
<!-- `display: inline-block` sprite -->
|
|
|
|
<img class="icon-home" />
|
2015-07-27 20:49:37 +02:00
|
|
|
```
|
|
|
|
*/
|
|
|
|
.icon-add {
|
|
|
|
background-image: url(../img/sprite.png);
|
2015-07-30 19:40:23 +02:00
|
|
|
background-position: -64px -18px;
|
2015-07-27 20:49:37 +02:00
|
|
|
width: 32px;
|
|
|
|
height: 32px;
|
|
|
|
}
|
|
|
|
.icon-close {
|
|
|
|
background-image: url(../img/sprite.png);
|
2015-07-30 19:40:23 +02:00
|
|
|
background-position: -96px -18px;
|
2015-07-27 20:49:37 +02:00
|
|
|
width: 32px;
|
|
|
|
height: 32px;
|
|
|
|
}
|
|
|
|
.icon-github {
|
|
|
|
background-image: url(../img/sprite.png);
|
2015-07-30 19:40:23 +02:00
|
|
|
background-position: -96px -64px;
|
2015-07-27 20:49:37 +02:00
|
|
|
width: 33px;
|
|
|
|
height: 27px;
|
|
|
|
}
|
|
|
|
.icon-no-image {
|
|
|
|
background-image: url(../img/sprite.png);
|
|
|
|
background-position: 0px 0px;
|
|
|
|
width: 64px;
|
|
|
|
height: 64px;
|
|
|
|
}
|
|
|
|
.icon-search {
|
|
|
|
background-image: url(../img/sprite.png);
|
2015-07-30 19:40:23 +02:00
|
|
|
background-position: -128px -18px;
|
2015-07-27 20:49:37 +02:00
|
|
|
width: 32px;
|
|
|
|
height: 32px;
|
|
|
|
}
|
|
|
|
.icon-star-active {
|
|
|
|
background-image: url(../img/sprite.png);
|
2015-07-30 19:40:23 +02:00
|
|
|
background-position: -160px -18px;
|
2015-07-27 20:49:37 +02:00
|
|
|
width: 32px;
|
|
|
|
height: 32px;
|
|
|
|
}
|
|
|
|
.icon-star {
|
|
|
|
background-image: url(../img/sprite.png);
|
2015-07-30 19:40:23 +02:00
|
|
|
background-position: 0px -64px;
|
2015-07-27 20:49:37 +02:00
|
|
|
width: 32px;
|
|
|
|
height: 32px;
|
|
|
|
}
|
|
|
|
.icon-time-active {
|
|
|
|
background-image: url(../img/sprite.png);
|
2015-07-30 19:40:23 +02:00
|
|
|
background-position: -32px -64px;
|
2015-07-27 20:49:37 +02:00
|
|
|
width: 32px;
|
|
|
|
height: 32px;
|
|
|
|
}
|
|
|
|
.icon-time {
|
|
|
|
background-image: url(../img/sprite.png);
|
2015-07-30 19:40:23 +02:00
|
|
|
background-position: -64px -64px;
|
2015-07-27 20:49:37 +02:00
|
|
|
width: 32px;
|
|
|
|
height: 32px;
|
|
|
|
}
|
|
|
|
.icon-tmdb {
|
|
|
|
background-image: url(../img/sprite.png);
|
2015-07-30 19:40:23 +02:00
|
|
|
background-position: -64px 0px;
|
2015-07-27 20:49:37 +02:00
|
|
|
width: 138px;
|
|
|
|
height: 18px;
|
|
|
|
}
|