hypothetical/resources/assets/sass/app.scss

63 lines
1 KiB
SCSS
Raw Normal View History

// Core
@import "_var";
@import "_fonts";
2017-01-30 22:55:33 -05:00
// Libraries
@import "bootstrap/scss/bootstrap.scss";
@import "font-awesome/scss/font-awesome.scss";
2017-01-30 22:55:33 -05:00
// Supplementary
2018-03-06 21:53:50 -05:00
@import "classes/**/*.scss";
2018-01-09 22:58:27 -05:00
@import "mixins/**/*.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%;
&.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 {
flex-grow: 1;
2017-01-26 19:25:22 -05:00
}
}