mirror of
https://github.com/KevinMidboe/planetposen.git
synced 2025-10-29 17:50:32 +00:00
346 lines
5.6 KiB
SCSS
346 lines
5.6 KiB
SCSS
@import "variables";
|
|
|
|
@font-face {
|
|
font-family: '#{$icomoon-font-family}';
|
|
src: url('#{$icomoon-font-path}/#{$icomoon-font-family}.eot?3r857r');
|
|
src: url('#{$icomoon-font-path}/#{$icomoon-font-family}.eot?3r857r#iefix') format('embedded-opentype'),
|
|
url('#{$icomoon-font-path}/#{$icomoon-font-family}.ttf?3r857r') format('truetype'),
|
|
url('#{$icomoon-font-path}/#{$icomoon-font-family}.woff?3r857r') format('woff'),
|
|
url('#{$icomoon-font-path}/#{$icomoon-font-family}.svg?3r857r##{$icomoon-font-family}') format('svg');
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
font-display: block;
|
|
}
|
|
|
|
.icon {
|
|
/* use !important to prevent issues with browser extensions that change fonts */
|
|
font-family: '#{$icomoon-font-family}' !important;
|
|
speak: never;
|
|
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--add-circle-outline {
|
|
&:before {
|
|
content: $icon--add-circle-outline;
|
|
}
|
|
}
|
|
.icon--add-circle {
|
|
&:before {
|
|
content: $icon--add-circle;
|
|
}
|
|
}
|
|
.icon--add {
|
|
&:before {
|
|
content: $icon--add;
|
|
}
|
|
}
|
|
.icon--alert-outline {
|
|
&:before {
|
|
content: $icon--alert-outline;
|
|
}
|
|
}
|
|
.icon--alert {
|
|
&:before {
|
|
content: $icon--alert;
|
|
}
|
|
}
|
|
.icon--analytics-outline {
|
|
&:before {
|
|
content: $icon--analytics-outline;
|
|
}
|
|
}
|
|
.icon--analytics {
|
|
&:before {
|
|
content: $icon--analytics;
|
|
}
|
|
}
|
|
.icon--arrow-back {
|
|
&:before {
|
|
content: $icon--arrow-back;
|
|
}
|
|
}
|
|
.icon--arrow-down {
|
|
&:before {
|
|
content: $icon--arrow-down;
|
|
}
|
|
}
|
|
.icon--arrow-dropdown-circle {
|
|
&:before {
|
|
content: $icon--arrow-dropdown-circle;
|
|
}
|
|
}
|
|
.icon--arrow-dropdown {
|
|
&:before {
|
|
content: $icon--arrow-dropdown;
|
|
}
|
|
}
|
|
.icon--arrow-dropleft-circle {
|
|
&:before {
|
|
content: $icon--arrow-dropleft-circle;
|
|
}
|
|
}
|
|
.icon--arrow-dropleft {
|
|
&:before {
|
|
content: $icon--arrow-dropleft;
|
|
}
|
|
}
|
|
.icon--arrow-dropright-circle {
|
|
&:before {
|
|
content: $icon--arrow-dropright-circle;
|
|
}
|
|
}
|
|
.icon--arrow-dropright {
|
|
&:before {
|
|
content: $icon--arrow-dropright;
|
|
}
|
|
}
|
|
.icon--arrow-dropup-circle {
|
|
&:before {
|
|
content: $icon--arrow-dropup-circle;
|
|
}
|
|
}
|
|
.icon--arrow-dropup {
|
|
&:before {
|
|
content: $icon--arrow-dropup;
|
|
}
|
|
}
|
|
.icon--arrow-forward {
|
|
&:before {
|
|
content: $icon--arrow-forward;
|
|
}
|
|
}
|
|
.icon--arrow-back1 {
|
|
&:before {
|
|
content: $icon--arrow-back1;
|
|
}
|
|
}
|
|
.icon--arrow-down1 {
|
|
&:before {
|
|
content: $icon--arrow-down1;
|
|
}
|
|
}
|
|
.icon--arrow-forward1 {
|
|
&:before {
|
|
content: $icon--arrow-forward1;
|
|
}
|
|
}
|
|
.icon--arrow-up1 {
|
|
&:before {
|
|
content: $icon--arrow-up1;
|
|
}
|
|
}
|
|
.icon--arrow-up {
|
|
&:before {
|
|
content: $icon--arrow-up;
|
|
}
|
|
}
|
|
.icon--at-outline {
|
|
&:before {
|
|
content: $icon--at-outline;
|
|
}
|
|
}
|
|
.icon--at {
|
|
&:before {
|
|
content: $icon--at;
|
|
}
|
|
}
|
|
.icon--ios-backspace-outline {
|
|
&:before {
|
|
content: $icon--ios-backspace-outline;
|
|
}
|
|
}
|
|
.icon--ios-backspace {
|
|
&:before {
|
|
content: $icon--ios-backspace;
|
|
}
|
|
}
|
|
.icon--basket-outline {
|
|
&:before {
|
|
content: $icon--basket-outline;
|
|
}
|
|
}
|
|
.icon--basket {
|
|
&:before {
|
|
content: $icon--basket;
|
|
}
|
|
}
|
|
.icon--bug-outline {
|
|
&:before {
|
|
content: $icon--bug-outline;
|
|
}
|
|
}
|
|
.icon--bug {
|
|
&:before {
|
|
content: $icon--bug;
|
|
}
|
|
}
|
|
.icon--card-outline {
|
|
&:before {
|
|
content: $icon--card-outline;
|
|
}
|
|
}
|
|
.icon--card {
|
|
&:before {
|
|
content: $icon--card;
|
|
}
|
|
}
|
|
.icon--cart-outline {
|
|
&:before {
|
|
content: $icon--cart-outline;
|
|
}
|
|
}
|
|
.icon--cart {
|
|
&:before {
|
|
content: $icon--cart;
|
|
}
|
|
}
|
|
.icon--cash-outline {
|
|
&:before {
|
|
content: $icon--cash-outline;
|
|
}
|
|
}
|
|
.icon--cash {
|
|
&:before {
|
|
content: $icon--cash;
|
|
}
|
|
}
|
|
.icon--checkmark-circle-outline {
|
|
&:before {
|
|
content: $icon--checkmark-circle-outline;
|
|
}
|
|
}
|
|
.icon--checkmark-circle {
|
|
&:before {
|
|
content: $icon--checkmark-circle;
|
|
}
|
|
}
|
|
.icon--close-circle-outline {
|
|
&:before {
|
|
content: $icon--close-circle-outline;
|
|
}
|
|
}
|
|
.icon--close-circle {
|
|
&:before {
|
|
content: $icon--close-circle;
|
|
}
|
|
}
|
|
.icon--create-outline {
|
|
&:before {
|
|
content: $icon--create-outline;
|
|
}
|
|
}
|
|
.icon--create {
|
|
&:before {
|
|
content: $icon--create;
|
|
}
|
|
}
|
|
.icon--eye-off-outline {
|
|
&:before {
|
|
content: $icon--eye-off-outline;
|
|
}
|
|
}
|
|
.icon--eye-off {
|
|
&:before {
|
|
content: $icon--eye-off;
|
|
}
|
|
}
|
|
.icon--eye-outline {
|
|
&:before {
|
|
content: $icon--eye-outline;
|
|
}
|
|
}
|
|
.icon--eye {
|
|
&:before {
|
|
content: $icon--eye;
|
|
}
|
|
}
|
|
.icon--information-circle-outline {
|
|
&:before {
|
|
content: $icon--information-circle-outline;
|
|
}
|
|
}
|
|
.icon--information-circle {
|
|
&:before {
|
|
content: $icon--information-circle;
|
|
}
|
|
}
|
|
.icon--key-outline {
|
|
&:before {
|
|
content: $icon--key-outline;
|
|
}
|
|
}
|
|
.icon--key {
|
|
&:before {
|
|
content: $icon--key;
|
|
}
|
|
}
|
|
.icon--lock-outline {
|
|
&:before {
|
|
content: $icon--lock-outline;
|
|
}
|
|
}
|
|
.icon--lock {
|
|
&:before {
|
|
content: $icon--lock;
|
|
}
|
|
}
|
|
.icon--mail-open-outline {
|
|
&:before {
|
|
content: $icon--mail-open-outline;
|
|
}
|
|
}
|
|
.icon--mail-open {
|
|
&:before {
|
|
content: $icon--mail-open;
|
|
}
|
|
}
|
|
.icon--mail-outline {
|
|
&:before {
|
|
content: $icon--mail-outline;
|
|
}
|
|
}
|
|
.icon--ios-mail {
|
|
&:before {
|
|
content: $icon--ios-mail;
|
|
}
|
|
}
|
|
.icon--planet-outline {
|
|
&:before {
|
|
content: $icon--planet-outline;
|
|
}
|
|
}
|
|
.icon--planet {
|
|
&:before {
|
|
content: $icon--planet;
|
|
}
|
|
}
|
|
.icon--thumbs-down-outline {
|
|
&:before {
|
|
content: $icon--thumbs-down-outline;
|
|
}
|
|
}
|
|
.icon--thumbs-down {
|
|
&:before {
|
|
content: $icon--thumbs-down;
|
|
}
|
|
}
|
|
.icon--thumbs-up-outline {
|
|
&:before {
|
|
content: $icon--thumbs-up-outline;
|
|
}
|
|
}
|
|
.icon--thumbs-up {
|
|
&:before {
|
|
content: $icon--thumbs-up;
|
|
}
|
|
}
|
|
|