Commit a1443f86 authored by Hiro's avatar Hiro 🏄
Browse files

Fix icons fallback

parent 5d68a4e3
.fa-arrow-down-png {
background-image: url('/static/fonts/fontawesome/png/white/solid/arrow-down.png');
width: 1em;
height: 1em;
background-size: cover;
}
a:hover .fa-arrow-down-png {
background-image: url('/static/fonts/fontawesome/png/dark/solid/arrow-down.png');
}
.fa-arrow-down-png-purple {
background-image: url('/static/fonts/fontawesome/png/primary/solid/arrow-down.png');
width: 1em;
height: 1em;
background-size: cover;
}
.fa-arrow-right-png {
background-image: url('/static/fonts/fontawesome/png/primary/solid/arrow-right.png');
width: 1em;
height: 1em;
background-size: cover;
}
a:hover .fa-arrow-right-png {
background-image: url('/static/fonts/fontawesome/png/white/solid/arrow-right.png');
}
.fa-android-png {
background-image: url('/static/fonts/fontawesome/png/white/brands/android.png');
width: 1.0em;
height: 1.0em;
background-size: cover;
margin: 22%;;
}
.fa-apple-png {
background-image: url('/static/fonts/fontawesome/png/white/brands/apple.png');
width: 1.0em;
height: 1.0em;
background-size: cover;
margin: 22%;;
}
.fa-windows-png {
background-image: url('/static/fonts/fontawesome/png/white/brands/windows.png');
width: 1.0em;
height: 1.0em;
background-size: cover;
margin: 22%;;
}
.fa-linux-png {
background-image: url('/static/fonts/fontawesome/png/white/brands/linux.png');
width: 1.0em;
height: 1.0em;
background-size: cover;
margin: 22%;;
}
.fa-facebook-png {
background-image: url('/static/fonts/fontawesome/png/white/brands/facebook.png');
width: 1em;
height: 1em;
background-size: cover;
}
.fa-mastodon-png {
background-image: url('/static/fonts/fontawesome/png/white/brands/mastodon.png');
width: 1em;
height: 1em;
background-size: cover;
}
.fa-twitter-png {
background-image: url('/static/fonts/fontawesome/png/white/brands/twitter.png');
width: 1em;
height: 1em;
background-size: cover;
}
.fa-instagram-png {
background-image: url('/static/fonts/fontawesome/png/white/brands/instagram.png');
width: 1em;
height: 1em;
background-size: cover;
}
.fa-linkedin-png {
background-image: url('/static/fonts/fontawesome/png/white/brands/linkedin.png');
width: 1em;
height: 1em;
background-size: cover;
}
.fa-github-png {
background-image: url('/static/fonts/fontawesome/png/white/brands/github.png');
width: 1em;
height: 1em;
background-size: cover;
}
.fa-facebook-png-purple {
background-image: url('/static/fonts/fontawesome/png/primary/brands/facebook.png');
width: 1em;
height: 1em;
background-size: cover;
}
.fa-mastodon-png-purple {
background-image: url('/static/fonts/fontawesome/png/primary/brands/mastodon.png');
width: 1em;
height: 1em;
background-size: cover;
}
.fa-twitter-png-purple {
background-image: url('/static/fonts/fontawesome/png/primary/brands/twitter.png');
width: 1em;
height: 1em;
background-size: cover;
}
.fa-instagram-png-purple {
background-image: url('/static/fonts/fontawesome/png/primary/brands/instagram.png');
width: 1em;
height: 1em;
background-size: cover;
}
.fa-linkedin-png-purple {
background-image: url('/static/fonts/fontawesome/png/primary/brands/linkedin.png');
width: 1em;
height: 1em;
background-size: cover;
}
.fa-youtube-png-purple {
background-image: url('/static/fonts/fontawesome/png/primary/brands/youtube.png');
width: 1em;
height: 1em;
background-size: cover;
}
.fa-table-tennis-png {
background-image: url('/static/fonts/fontawesome/png/primary/solid/table-tennis.png');
width: 1em;
height: 1em;
background-size: cover;
}
.fa-comments-png {
background-image: url('/static/fonts/fontawesome/png/primary/solid/comments.png');
width: 1em;
height: 1em;
background-size: cover;
}
.fa-lock-png {
background-image: url('/static/fonts/fontawesome/png/primary/solid/lock.png');
width: 1em;
height: 1em;
background-size: cover;
}
.fa-flag-png {
background-image: url('/static/fonts/fontawesome/png/primary/solid/flag.png');
width: 1em;
height: 1em;
background-size: cover;
}
.fa-spider-png {
background-image: url('/static/fonts/fontawesome/png/primary/solid/spider.png');
width: 1em;
height: 1em;
background-size: cover;
}
.fa-file-alt-png {
background-image: url('/static/fonts/fontawesome/png/primary/regular/file-alt.png');
width: 1em;
height: 1em;
background-size: cover;
}
.fa-signature-png {
background-image: url('/static/fonts/fontawesome/png/primary/solid/signature.png');
width: 1em;
height: 1em;
background-size: cover;
}
.fa-key-png {
background-image: url('/static/fonts/fontawesome/png/primary/solid/key.png');
width: 1em;
height: 1em;
background-size: cover;
}
.fa-life-ring-png {
background-image: url('/static/fonts/fontawesome/png/primary/solid/life-ring.png');
width: 1em;
height: 1em;
background-size: cover;
}
.fa-folder-open-png {
background-image: url('/static/fonts/fontawesome/png/primary/solid/folder-open.png');
width: 1em;
height: 1em;
background-size: cover;
}
.fa-paper-plane-png {
background-image: url('/static/fonts/fontawesome/png/primary/solid/paper-plane.png');
width: 1em;
height: 1em;
background-size: cover;
}
.fa-hands-helping-png {
background-image: url('/static/fonts/fontawesome/png/primary/solid/hands-helping.png');
width: 1em;
height: 1em;
background-size: cover;
}
.fa-cube-png {
background-image: url('/static/fonts/fontawesome/png/primary/solid/cube.png');
width: 1em;
height: 1em;
background-size: cover;
}
......@@ -143,66 +143,3 @@ main{
}
@include media-breakpoint-up(lg) {}
.oi-arrow-bottom-png {
background-image: url('/static/images/icons/iconic_1-1-1_arrow-bottom_256_0_ffffff_none.png');
width: 1em;
height: 1em;
background-size: cover;
}
a:hover .oi-arrow-bottom-png {
background-image: url('/static/images/icons/iconic_1-1-1_arrow-bottom_256_0_401753_none.png');
}
.oi-arrow-bottom-png-purple {
background-image: url('/static/images/icons/iconic_1-1-1_arrow-bottom_256_0_401753_none.png');
width: 1em;
height: 1em;
background-size: cover;
}
.icon-2 {
width: 1.1em;
height: 1.1em;
}
.icon-3 {
width: 1.3em;
height: 1.3em;
}
.fa-android-png {
background-image: url('/static/images/icons/font-awesome_4-7-0_android_256_0_ffffff_none.png');
width: 1.0em;
height: 1.0em;
background-size: cover;
margin: 22%;;
}
.fa-apple-png {
background-image: url('/static/images/icons/font-awesome_4-7-0_apple_256_0_ffffff_none.png');
width: 1.0em;
height: 1.0em;
background-size: cover;
margin: 22%;;
}
.fa-windows-png {
background-image: url('/static/images/icons/font-awesome_4-7-0_windows_256_0_ffffff_none.png');
width: 1.0em;
height: 1.0em;
background-size: cover;
margin: 22%;;
}
.fa-linux-png {
background-image: url('/static/images/icons/font-awesome_4-7-0_linux_256_0_ffffff_none.png');
width: 1.0em;
height: 1.0em;
background-size: cover;
margin: 22%;;
}
......@@ -5,6 +5,7 @@
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
@import "tor-variables";
@import "icons";
@import "functions";
@import "variables";
@import "mixins";
......
......@@ -5,6 +5,208 @@
* Copyright 2011-2017 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
.fa-arrow-down-png {
background-image: url("/static/fonts/fontawesome/png/white/solid/arrow-down.png");
width: 1em;
height: 1em;
background-size: cover; }
a:hover .fa-arrow-down-png {
background-image: url("/static/fonts/fontawesome/png/dark/solid/arrow-down.png"); }
.fa-arrow-down-png-purple {
background-image: url("/static/fonts/fontawesome/png/primary/solid/arrow-down.png");
width: 1em;
height: 1em;
background-size: cover; }
.fa-arrow-right-png {
background-image: url("/static/fonts/fontawesome/png/primary/solid/arrow-right.png");
width: 1em;
height: 1em;
background-size: cover; }
a:hover .fa-arrow-right-png {
background-image: url("/static/fonts/fontawesome/png/white/solid/arrow-right.png"); }
.fa-android-png {
background-image: url("/static/fonts/fontawesome/png/white/brands/android.png");
width: 1.0em;
height: 1.0em;
background-size: cover;
margin: 22%; }
.fa-apple-png {
background-image: url("/static/fonts/fontawesome/png/white/brands/apple.png");
width: 1.0em;
height: 1.0em;
background-size: cover;
margin: 22%; }
.fa-windows-png {
background-image: url("/static/fonts/fontawesome/png/white/brands/windows.png");
width: 1.0em;
height: 1.0em;
background-size: cover;
margin: 22%; }
.fa-linux-png {
background-image: url("/static/fonts/fontawesome/png/white/brands/linux.png");
width: 1.0em;
height: 1.0em;
background-size: cover;
margin: 22%; }
.fa-facebook-png {
background-image: url("/static/fonts/fontawesome/png/white/brands/facebook.png");
width: 1em;
height: 1em;
background-size: cover; }
.fa-mastodon-png {
background-image: url("/static/fonts/fontawesome/png/white/brands/mastodon.png");
width: 1em;
height: 1em;
background-size: cover; }
.fa-twitter-png {
background-image: url("/static/fonts/fontawesome/png/white/brands/twitter.png");
width: 1em;
height: 1em;
background-size: cover; }
.fa-instagram-png {
background-image: url("/static/fonts/fontawesome/png/white/brands/instagram.png");
width: 1em;
height: 1em;
background-size: cover; }
.fa-linkedin-png {
background-image: url("/static/fonts/fontawesome/png/white/brands/linkedin.png");
width: 1em;
height: 1em;
background-size: cover; }
.fa-github-png {
background-image: url("/static/fonts/fontawesome/png/white/brands/github.png");
width: 1em;
height: 1em;
background-size: cover; }
.fa-facebook-png-purple {
background-image: url("/static/fonts/fontawesome/png/primary/brands/facebook.png");
width: 1em;
height: 1em;
background-size: cover; }
.fa-mastodon-png-purple {
background-image: url("/static/fonts/fontawesome/png/primary/brands/mastodon.png");
width: 1em;
height: 1em;
background-size: cover; }
.fa-twitter-png-purple {
background-image: url("/static/fonts/fontawesome/png/primary/brands/twitter.png");
width: 1em;
height: 1em;
background-size: cover; }
.fa-instagram-png-purple {
background-image: url("/static/fonts/fontawesome/png/primary/brands/instagram.png");
width: 1em;
height: 1em;
background-size: cover; }
.fa-linkedin-png-purple {
background-image: url("/static/fonts/fontawesome/png/primary/brands/linkedin.png");
width: 1em;
height: 1em;
background-size: cover; }
.fa-youtube-png-purple {
background-image: url("/static/fonts/fontawesome/png/primary/brands/youtube.png");
width: 1em;
height: 1em;
background-size: cover; }
.fa-table-tennis-png {
background-image: url("/static/fonts/fontawesome/png/primary/solid/table-tennis.png");
width: 1em;
height: 1em;
background-size: cover; }
.fa-comments-png {
background-image: url("/static/fonts/fontawesome/png/primary/solid/comments.png");
width: 1em;
height: 1em;
background-size: cover; }
.fa-lock-png {
background-image: url("/static/fonts/fontawesome/png/primary/solid/lock.png");
width: 1em;
height: 1em;
background-size: cover; }
.fa-flag-png {
background-image: url("/static/fonts/fontawesome/png/primary/solid/flag.png");
width: 1em;
height: 1em;
background-size: cover; }
.fa-spider-png {
background-image: url("/static/fonts/fontawesome/png/primary/solid/spider.png");
width: 1em;
height: 1em;
background-size: cover; }
.fa-file-alt-png {
background-image: url("/static/fonts/fontawesome/png/primary/regular/file-alt.png");
width: 1em;
height: 1em;
background-size: cover; }
.fa-signature-png {
background-image: url("/static/fonts/fontawesome/png/primary/solid/signature.png");
width: 1em;
height: 1em;
background-size: cover; }
.fa-key-png {
background-image: url("/static/fonts/fontawesome/png/primary/solid/key.png");
width: 1em;
height: 1em;
background-size: cover; }
.fa-life-ring-png {
background-image: url("/static/fonts/fontawesome/png/primary/solid/life-ring.png");
width: 1em;
height: 1em;
background-size: cover; }
.fa-folder-open-png {
background-image: url("/static/fonts/fontawesome/png/primary/solid/folder-open.png");
width: 1em;
height: 1em;
background-size: cover; }
.fa-paper-plane-png {
background-image: url("/static/fonts/fontawesome/png/primary/solid/paper-plane.png");
width: 1em;
height: 1em;
background-size: cover; }
.fa-hands-helping-png {
background-image: url("/static/fonts/fontawesome/png/primary/solid/hands-helping.png");
width: 1em;
height: 1em;
background-size: cover; }
.fa-cube-png {
background-image: url("/static/fonts/fontawesome/png/primary/solid/cube.png");
width: 1em;
height: 1em;
background-size: cover; }
:root {
--blue: #007bff;
--indigo: #6610f2;
......@@ -7007,57 +7209,6 @@ main {
.hero > p {
font-size: 2.5rem;
line-height: 3rem; } }
.oi-arrow-bottom-png {
background-image: url("/static/images/icons/iconic_1-1-1_arrow-bottom_256_0_ffffff_none.png");
width: 1em;
height: 1em;
background-size: cover; }
a:hover .oi-arrow-bottom-png {
background-image: url("/static/images/icons/iconic_1-1-1_arrow-bottom_256_0_401753_none.png"); }
.oi-arrow-bottom-png-purple {
background-image: url("/static/images/icons/iconic_1-1-1_arrow-bottom_256_0_401753_none.png");
width: 1em;
height: 1em;
background-size: cover; }
.icon-2 {
width: 1.1em;
height: 1.1em; }
.icon-3 {
width: 1.3em;
height: 1.3em; }
.fa-android-png {
background-image: url("/static/images/icons/font-awesome_4-7-0_android_256_0_ffffff_none.png");
width: 1.0em;
height: 1.0em;
background-size: cover;
margin: 22%; }
.fa-apple-png {
background-image: url("/static/images/icons/font-awesome_4-7-0_apple_256_0_ffffff_none.png");
width: 1.0em;
height: 1.0em;
background-size: cover;
margin: 22%; }
.fa-windows-png {
background-image: url("/static/images/icons/font-awesome_4-7-0_windows_256_0_ffffff_none.png");
width: 1.0em;
height: 1.0em;
background-size: cover;
margin: 22%; }
.fa-linux-png {
background-image: url("/static/images/icons/font-awesome_4-7-0_linux_256_0_ffffff_none.png");
width: 1.0em;
height: 1.0em;
background-size: cover;
margin: 22%; }
/*
* Base structure
*/
......
This source diff could not be displayed because it is too large. You can view the blob instead.
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment