mirror of
https://github.com/prurigro/hypothetical.git
synced 2024-11-29 09:59:35 -05:00
61 lines
1,015 B
SCSS
Vendored
61 lines
1,015 B
SCSS
Vendored
// Core
|
|
@import "_var";
|
|
@import "_fonts";
|
|
|
|
// Libraries
|
|
@import "bootstrap/scss/bootstrap.scss";
|
|
@import "font-awesome/scss/font-awesome.scss";
|
|
|
|
// Supplementary
|
|
@import "mixins/**/*.scss";
|
|
@import "sections/**/*.scss";
|
|
@import "pages/**/*.scss";
|
|
|
|
//
|
|
// Main Website Styles
|
|
//
|
|
|
|
[data-whatinput="initial"], [data-whatinput="keyboard"] {
|
|
:focus {
|
|
outline: 1px dotted $c-base;
|
|
}
|
|
}
|
|
|
|
[data-whatinput="mouse"], [data-whatinput="touch"] {
|
|
:focus {
|
|
outline: none !important;
|
|
}
|
|
}
|
|
|
|
html {
|
|
width: 100%;
|
|
|
|
&.no-scroll {
|
|
overflow-y: hidden;
|
|
}
|
|
}
|
|
|
|
body {
|
|
@include font-sans;
|
|
width: 100%;
|
|
color: $c-text;
|
|
-webkit-overflow-scrolling: touch;
|
|
}
|
|
|
|
.page-container {
|
|
display: flex;
|
|
min-height: 100vh;
|
|
flex-direction: column;
|
|
|
|
@media (max-width: $nav-mobile-max) {
|
|
padding-top: $nav-height-mobile;
|
|
}
|
|
|
|
@media (min-width: $nav-desktop-min) {
|
|
padding-top: $nav-height-desktop;
|
|
}
|
|
|
|
.main-content {
|
|
flex-grow: 1;
|
|
}
|
|
}
|