Basic layout

2017-01-31 11:56:51 +08:00
parent 9461b573d8
commit 22e9a2ad97
16 changed files with 134 additions and 4 deletions
@@ -0,0 +1,54 @@
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+*:hover, *:active, *:focus {
+  outline: none;
+  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
+  -webkit-tap-highlight-color: transparent;
+}
+
+@import "bourbon";
+@import "settings/neat";
+@import "neat";
+@import "settings/breakpoints";
+@import "layout";
+
+$font-family-sans: 'Open Sans', sans-serif;
+
+body {
+  font-family: $font-family-sans;
+  font-size: 16px;
+  color: #fff;
+  background-image: url('/img/bg.jpg');
+  background-repeat: none;
+}
+
+@media screen and (min-width: 900px) {
+  body {
+    background-size: cover;
+  }
+}
+
+h1, h2, h3, h4, h5 {
+  font-weight: normal;
+  font-size: 1rem;
+}
+
+input, button {
+  font-family: $font-family-sans;
+  font-size: 1rem;
+}
+
+section {
+  h2 {
+    font-size: 2.8rem;
+    font-weight: 300;
+    color: lightblue;
+    @include media($mobile) {
+      font-size: 2rem;
+    }
+  }
+}