forked from zer.ooo/web
You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
134 lines
2.3 KiB
SCSS
134 lines
2.3 KiB
SCSS
/**
|
|
* Main
|
|
*/
|
|
|
|
body {
|
|
font-family: 'Karla', sans-serif;
|
|
font-size: 100%;
|
|
}
|
|
|
|
/**
|
|
* First section of the main page, containing the logo, login/registration buttons, and a down arrow.
|
|
*/
|
|
|
|
.intro-page-logo {
|
|
font-family: 'Montserrat', serif;
|
|
font-size: 12em;
|
|
text-transform: uppercase;
|
|
color: #E08E79;
|
|
@include long-shadow-text(30, 0, #F1D4AF);
|
|
@include break-small {
|
|
font-size: 3.5em;
|
|
padding: 20px;
|
|
@include long-shadow-text(20, 0, #F1D4AF);
|
|
}
|
|
}
|
|
|
|
.intro-page-welcome-text {
|
|
font-family: 'Inconsolata', serif;
|
|
font-size: 2em;
|
|
text-transform: uppercase;
|
|
color: #fff;
|
|
@include break-small {
|
|
font-size: 1em;
|
|
padding-top: 10px;
|
|
}
|
|
}
|
|
|
|
.fa-angle-double-down {
|
|
color: #424769;
|
|
}
|
|
|
|
/**
|
|
* Second section of the main page, containing the three descriptive columns, flaticons (http://www.flaticon.com/authors/madebyoliver)
|
|
and the technical details.
|
|
*/
|
|
|
|
.info-page h1 {
|
|
font-family: 'Rubik';
|
|
color: #dab199;
|
|
text-align: center;
|
|
font-size: 2em;
|
|
text-transform: uppercase;
|
|
line-height: 2em;
|
|
@include break-small {
|
|
line-height: 1em;
|
|
}
|
|
}
|
|
.info-page-item {
|
|
font-size: 1em;
|
|
line-height: 1.6em;
|
|
color: #8b6d5c;
|
|
}
|
|
|
|
[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
|
|
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {
|
|
font-size: 10em;
|
|
color: #fff;
|
|
@include break-small {
|
|
font-size: 5em;
|
|
}
|
|
}
|
|
|
|
.technical-page {
|
|
color: #fff;
|
|
font-size: 1.2em;
|
|
line-height: 2em;
|
|
}
|
|
|
|
.technical-page h1 {
|
|
font-family: 'Montserrat';
|
|
color: #dab199;
|
|
text-align: center;
|
|
font-size: 2em;
|
|
text-transform: uppercase;
|
|
line-height: 2em;
|
|
@include break-small {
|
|
line-height: 1em;}
|
|
}
|
|
|
|
.flex-table-header {
|
|
color: #E08E79;
|
|
}
|
|
|
|
|
|
/**
|
|
* Third section of the main page, containing the link to the Github page.
|
|
*/
|
|
|
|
.footer-page a {
|
|
color: black
|
|
}
|
|
|
|
.footer-page-title {
|
|
font-family: 'Inconsolata', monospace;
|
|
color: #E08E79;
|
|
font-weight: lighter;
|
|
text-transform: lowercase;
|
|
}
|
|
|
|
.footer-page h1 {
|
|
@extend .footer-page-title;
|
|
font-size: 1.5em;
|
|
}
|
|
|
|
.footer-page h2 {
|
|
@extend .footer-page-title;
|
|
font-size: 1.2em;
|
|
@include break-small {
|
|
font-size: 1em;
|
|
margin: 20px;
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Login and register pages.
|
|
*/
|
|
|
|
.login-page-logo {
|
|
font-family: 'Montserrat', serif;
|
|
font-size: 6em;
|
|
text-transform: uppercase;
|
|
color: #E08E79;
|
|
@include long-shadow-text(10, 0, #F1D4AF);}
|