💄 Updating the UI and style files.
This commit is contained in:
@@ -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";
|
||||
Reference in New Issue
Block a user