140 lines
2.4 KiB
SCSS
140 lines
2.4 KiB
SCSS
|
@import "00-config";
|
||
|
|
/* ----------------------------- */
|
||
|
|
/* ==icons and bullets */
|
||
|
|
/* ----------------------------- */
|
||
|
|
|
||
|
|
.icon {display: inline-block;}
|
||
|
|
|
||
|
|
.icon:before,
|
||
|
|
.icon.after:after {
|
||
|
|
content: "";
|
||
|
|
display: inline-block;
|
||
|
|
vertical-align: middle;
|
||
|
|
position: relative; top: -0.1em;
|
||
|
|
margin: 0 0.3em 0 0;
|
||
|
|
font: 1.4em/1 sans-serif;
|
||
|
|
color: #000;
|
||
|
|
text-shadow: 1px 1px 0 rgba(0,0,0,.1);
|
||
|
|
speak: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (min-device-width: $small-screen) {
|
||
|
|
.icon:before,
|
||
|
|
.icon.after:after {
|
||
|
|
font: 1em/0.6 sans-serif;
|
||
|
|
-webkit-transform: rotateZ(0.05deg);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.icon.after:after {
|
||
|
|
margin: 0 0 0 8px;
|
||
|
|
}
|
||
|
|
.icon.after:before {
|
||
|
|
content: "" !important
|
||
|
|
}
|
||
|
|
.icon-rate:before,
|
||
|
|
.icon-rate.after:after {
|
||
|
|
content: "\2605";
|
||
|
|
}
|
||
|
|
.icon-unrate:before,
|
||
|
|
.icon-unrate.after:after{
|
||
|
|
content: "\2606";
|
||
|
|
}
|
||
|
|
.icon-check:before,
|
||
|
|
.icon-check.after:after{
|
||
|
|
content: "\2713";
|
||
|
|
}
|
||
|
|
.icon-uncheck:before,
|
||
|
|
.icon-uncheck.after:after{
|
||
|
|
content: "\2717";
|
||
|
|
}
|
||
|
|
.icon-cloud:before,
|
||
|
|
.icon-cloud.after:after {
|
||
|
|
content: "\2601";
|
||
|
|
}
|
||
|
|
.icon-dl:before,
|
||
|
|
.icon-dl.after:after {
|
||
|
|
content: "\21E3";
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
.icon-cross:before,
|
||
|
|
.icon-cross.after:after {
|
||
|
|
content: "\2716";
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
.icon-arrow1:before,
|
||
|
|
.icon-arrow1.after:after {
|
||
|
|
content: "\2192";
|
||
|
|
position: relative;
|
||
|
|
top: -0.15em;
|
||
|
|
}
|
||
|
|
.icon-arrow2:before,
|
||
|
|
.icon-arrow2.after:after {
|
||
|
|
content: "\279E";
|
||
|
|
}
|
||
|
|
.icon-arrow3:before,
|
||
|
|
.icon-arrow3.after:after {
|
||
|
|
content: "\279A";
|
||
|
|
}
|
||
|
|
.icon-bracket1:before,
|
||
|
|
.icon-bracket1.after:after {
|
||
|
|
content: "\2039";
|
||
|
|
font-weight: bold;
|
||
|
|
font-size: 1.6em;
|
||
|
|
position: relative;
|
||
|
|
top: -0.15em;
|
||
|
|
}
|
||
|
|
.icon-bracket2:before,
|
||
|
|
.icon-bracket2.after:after {
|
||
|
|
content: "\203A";
|
||
|
|
font-weight: bold;
|
||
|
|
font-size: 1.6em;
|
||
|
|
position: relative;
|
||
|
|
top: -0.15em;
|
||
|
|
}
|
||
|
|
.icon-up:before,
|
||
|
|
.icon-up.after:after {
|
||
|
|
content: "\25B2";
|
||
|
|
}
|
||
|
|
.icon-down:before,
|
||
|
|
.icon-down.after:after {
|
||
|
|
content: "\25BC";
|
||
|
|
}
|
||
|
|
.icon-bull:before,
|
||
|
|
.icon-bull.after:after {
|
||
|
|
content: "\2022";
|
||
|
|
font-size: 1.2em;
|
||
|
|
top: -0.05em;
|
||
|
|
}
|
||
|
|
.icon-bull2:before,
|
||
|
|
.icon-bull2.after:after {
|
||
|
|
content: "\25E6";
|
||
|
|
top: -0.05em;
|
||
|
|
}
|
||
|
|
.icon-bull3:before,
|
||
|
|
.icon-bull3.after:after{
|
||
|
|
content: "\2023";
|
||
|
|
font-size: 1.6em;
|
||
|
|
top: -0.05em;
|
||
|
|
}
|
||
|
|
.icon-nav:before,
|
||
|
|
.icon-nav.after:after {
|
||
|
|
content: "\2261";
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
.icon-losange:before,
|
||
|
|
.icon-losange.after:after {
|
||
|
|
content: "\25C6";
|
||
|
|
}
|
||
|
|
.icon-asteri:before,
|
||
|
|
.icon-asteri.after:after {
|
||
|
|
content: "\2731";
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
.icon-mail:before,
|
||
|
|
.icon-mail.after:after {
|
||
|
|
content: "\2709";
|
||
|
|
font-size: 1.6em;
|
||
|
|
top: -.05em;
|
||
|
|
}
|