💄 Updating the UI and style files.

This commit is contained in:
piharpi
2019-09-03 14:45:05 +07:00
parent e765cdf81a
commit 694811ab63
58 changed files with 1636 additions and 1613 deletions

View File

@@ -1,39 +1,34 @@
// Define defaults for each variable.
$base-font-family: "Roboto", sans-serif !default;
$base-syntax-font: "Roboto Mono", Hack, monospace;
$base-font-size: 16px !default;
$medium-font-size: $base-font-size * 0.938 !default;
$first-font-family: "Roboto",
sans-serif !default;
$second-font-family: "Source Sans Pro",
sans-serif !default;
$syntax-font-family: "Fira Code",
monospace !default;
$base-font-size: 19px !default;
$medium-font-size: $base-font-size * 0.938 !default;
$small-font-size: $base-font-size * 0.875 !default;
$base-font-weight: 400 !default;
$base-line-height: 1.5 !default;
$spacing-unit: 30px !default;
// Element Color
$light: #ececec !default;
$grey: #3B454e !default;
$neutral: #f9f9f9 !default;
$black: #000 !default;
$white: #fff !default;
$blue: #0036c7 !default;
$blue-light: #d8deff !default;
$base-line-height: 1.688 !default;
$spacing-unit: 30px !default;
// Light Element Color
$black: #141414 !default;
$white: #fff !default;
$base: #f9f9f9 !default;
$gray: #283c46 !default;
$blue: #0036c7 !default;
$light: #ececec !default;
$smoke: #d2c7c7 !default;
// Width of the content area
$content-width: 800px !default;
$content-width: 750px !default;
// State of device
$on-palm: 600px !default;
$on-mobile: 500px !default;
$on-laptop: 780px !default;
// Use media queries like this:
// @include media-query($on-palm) {
// .wrapper {
// padding-right: $spacing-unit / 2;
// padding-left: $spacing-unit / 2;
// }
// }
$on-mobile: 768px;
$on-tablet: 769px;
$on-desktop: 1024px;
$on-widescreen: 1152px;
@mixin media-query($device) {
@media screen and (max-width: $device) {
@@ -46,10 +41,8 @@ $on-laptop: 780px !default;
}
// Import Sass partials
@import
"bangsring/fonts",
"bangsring/base",
"bangsring/post",
"bangsring/layout",
"bangsring/syntax"
;
@import "bangsring/fonts",
"bangsring/base",
"bangsring/layout",
"bangsring/page",
"bangsring/syntax";