74 lines
1.7 KiB
SCSS
74 lines
1.7 KiB
SCSS
|
// Font
|
||
|
|
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Lora:400,700|Roboto+Mono:300,400');
|
||
|
|
|
||
|
|
// Bootstrap
|
||
|
|
@import 'bootstrap/functions';
|
||
|
|
@import 'bootstrap-variables';
|
||
|
|
@import 'bootstrap/variables';
|
||
|
|
@import 'bootstrap/mixins';
|
||
|
|
@import 'bootstrap/reboot';
|
||
|
|
@import 'bootstrap/utilities';
|
||
|
|
@import 'bootstrap/grid';
|
||
|
|
@import 'bootstrap/tables';
|
||
|
|
|
||
|
|
// Libraries
|
||
|
|
@import 'libraries/hamburgers/hamburgers';
|
||
|
|
@import 'libraries/pygments/github';
|
||
|
|
|
||
|
|
// Components
|
||
|
|
@import 'components/reset';
|
||
|
|
@import 'components/type';
|
||
|
|
@import 'components/page';
|
||
|
|
@import 'components/header';
|
||
|
|
@import 'components/footer';
|
||
|
|
@import 'components/sub-footer';
|
||
|
|
@import 'components/logo';
|
||
|
|
@import 'components/main-menu';
|
||
|
|
@import 'components/main-menu-mobile';
|
||
|
|
@import 'components/docs-menu';
|
||
|
|
@import 'components/hamburger';
|
||
|
|
@import 'components/buttons';
|
||
|
|
@import 'components/title';
|
||
|
|
@import 'components/content';
|
||
|
|
@import 'components/strip';
|
||
|
|
@import 'components/whitebox';
|
||
|
|
@import 'components/overview';
|
||
|
|
@import 'components/anchor';
|
||
|
|
|
||
|
|
// Pages
|
||
|
|
@import 'pages/home';
|
||
|
|
|
||
|
|
// Global
|
||
|
|
body {
|
||
|
|
font-family: $font-family-base;
|
||
|
|
font-size: 1rem;
|
||
|
|
font-weight: 400;
|
||
|
|
line-height: 1.4;
|
||
|
|
color: $black;
|
||
|
|
}
|
||
|
|
.container {
|
||
|
|
padding-left: $grid-gutter-width;
|
||
|
|
padding-right: $grid-gutter-width;
|
||
|
|
}
|
||
|
|
|
||
|
|
// Display breakpoints for DEV
|
||
|
|
// body:after {
|
||
|
|
// color: #000000;
|
||
|
|
// font-size: 12px;
|
||
|
|
// padding: 5px;
|
||
|
|
// font-weight: bold;
|
||
|
|
// right: 10px;
|
||
|
|
// position: fixed;
|
||
|
|
// text-align: center;
|
||
|
|
// text-transform: uppercase;
|
||
|
|
// bottom: 10px;
|
||
|
|
// width: 200px;
|
||
|
|
// z-index: 9999;
|
||
|
|
// border: solid 1px #000000;
|
||
|
|
// @each $name, $value in $grid-breakpoints {
|
||
|
|
// @include media-breakpoint-up($name) {
|
||
|
|
// content: "#{$name} - min-width: #{$value}";
|
||
|
|
// }
|
||
|
|
// }
|
||
|
|
// }
|