hypothetical/resources/sass/app.scss

83 lines
1.3 KiB
SCSS
Raw Normal View History

// Base font size
$base-font-size: 16px;
// Functions
@import "functions/**/*.scss";
// Core
@import "_var";
@import "_fonts";
2017-01-30 22:55:33 -05:00
// Libraries
@import "bootstrap/scss/bootstrap.scss";
2017-01-30 22:55:33 -05:00
// Supplementary
@import "mixins/**/*.scss";
@import "classes/**/*.scss";
@import "partials/**/*.scss";
@import "sections/**/*.scss";
@import "pages/**/*.scss";
//
2016-08-19 00:33:12 -04:00
// 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%;
font-size: $base-font-size;
@include media-breakpoint-up(xxxl) {
font-size: 18px;
}
@include media-breakpoint-up(xxxxl) {
font-size: 20px;
}
&.no-scroll {
overflow-y: hidden;
}
}
body {
@include font-sans;
width: 100%;
color: $c-text;
-webkit-overflow-scrolling: touch;
}
2017-01-26 19:25:22 -05:00
.page-container {
2017-01-26 19:25:22 -05:00
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 {
display: flex;
flex-grow: 1;
> div {
width: 100%;
}
2017-01-26 19:25:22 -05:00
}
}