1 files changed, 73 insertions, 0 deletions
diff --git a/themes/hugo-whisper-theme/assets/scss/style.scss b/themes/hugo-whisper-theme/assets/scss/style.scss
new file mode 100755
index 0000000..ee54235
--- /dev/null
+++ b/themes/hugo-whisper-theme/assets/scss/style.scss
@@ -0,0 +1,73 @@
+// 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}";
+//     }
+//   }
+// }