70 lines
2.4 KiB
SCSS
70 lines
2.4 KiB
SCSS
/*
|
|
* This is a manifest file that'll be compiled into application.css, which will include all the files
|
|
* listed below.
|
|
*
|
|
* Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
|
|
* vendor/assets/stylesheets directory can be referenced here using a relative path.
|
|
*
|
|
* You're free to add application-wide styles to this file and they'll appear at the bottom of the
|
|
* compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
|
|
* files in this directory. Styles in this file should be added after the last require_* statement.
|
|
* It is generally better to create a new file per style scope.
|
|
*
|
|
*/
|
|
$app-z-index: 35; // Navbar: 30
|
|
$primary-gradient: linear-gradient(141deg, #009e6c 0%, #00d1b2 71%, #00e7eb 100%);
|
|
|
|
@import "bulma"; // https://bulma.io/documentation/
|
|
@import "./shared/all";
|
|
|
|
html {
|
|
background-image: radial-gradient(circle at 13% 47%, rgba(140, 140, 140,0.03) 0%, rgba(140, 140, 140,0.03) 25%,transparent 25%, transparent 100%),radial-gradient(circle at 28% 63%, rgba(143, 143, 143,0.03) 0%, rgba(143, 143, 143,0.03) 16%,transparent 16%, transparent 100%),radial-gradient(circle at 81% 56%, rgba(65, 65, 65,0.03) 0%, rgba(65, 65, 65,0.03) 12%,transparent 12%, transparent 100%),radial-gradient(circle at 26% 48%, rgba(60, 60, 60,0.03) 0%, rgba(60, 60, 60,0.03) 6%,transparent 6%, transparent 100%),radial-gradient(circle at 97% 17%, rgba(150, 150, 150,0.03) 0%, rgba(150, 150, 150,0.03) 56%,transparent 56%, transparent 100%),radial-gradient(circle at 50% 100%, rgba(25, 25, 25,0.03) 0%, rgba(25, 25, 25,0.03) 36%,transparent 36%, transparent 100%),radial-gradient(circle at 55% 52%, rgba(69, 69, 69,0.03) 0%, rgba(69, 69, 69,0.03) 6%,transparent 6%, transparent 100%),linear-gradient(90deg, rgb(255,255,255),rgb(255,255,255));
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
}
|
|
|
|
.toggleable {
|
|
display: none;
|
|
|
|
&.is-active {
|
|
display: inherit;
|
|
}
|
|
}
|
|
|
|
.notifications-container {
|
|
padding-top: $size-7;
|
|
z-index: $app-z-index;
|
|
position: absolute;
|
|
|
|
.columns {
|
|
margin-bottom: 0 !important;
|
|
}
|
|
}
|
|
|
|
.navbar {
|
|
background-image: $primary-gradient;
|
|
}
|
|
|
|
.footer {
|
|
background-image: $primary-gradient;
|
|
color: $white;
|
|
|
|
h3, a {
|
|
color: $white;
|
|
}
|
|
|
|
.fa-anti-list {
|
|
.fa-ban {
|
|
color: $danger;
|
|
}
|
|
}
|
|
|
|
.privacy-policy, .cookie-policy {
|
|
padding: $size-7;
|
|
}
|
|
}
|
|
|
|
.fa5-text {
|
|
padding-left: $size-7;
|
|
}
|