init
This commit is contained in:
@@ -0,0 +1,14 @@
|
||||
// Core
|
||||
@import "core";
|
||||
|
||||
// Breakpoints
|
||||
@import "breakpoints";
|
||||
|
||||
// Layout
|
||||
@import "layout";
|
||||
|
||||
// Typography
|
||||
@import "typography";
|
||||
|
||||
// Nav
|
||||
@import "nav";
|
||||
@@ -0,0 +1,16 @@
|
||||
// Media Device Breakpoints
|
||||
$large-desktop-container: 75.000em !default;
|
||||
$desktop-container: 60.000em !default;
|
||||
$tablet-container: 48.000em !default;
|
||||
$large-mobile-container: 30.000em !default;
|
||||
$mobile-container: 100% !default;
|
||||
|
||||
// Breakpoint Variables For Particles
|
||||
$media: "all" !default;
|
||||
$mobile-only: "#{$media} and (max-width:#{$tablet-container - 0.062})" !default;
|
||||
$no-mobile: "#{$media} and (min-width:#{$tablet-container})" !default;
|
||||
$small-mobile-range: "#{$media} and (max-width:#{$large-mobile-container})" !default;
|
||||
$large-mobile-range: "#{$media} and (min-width:#{$large-mobile-container + 0.063}) and (max-width:#{$tablet-container - 0.062})" !default;
|
||||
$tablet-range: "#{$media} and (min-width:#{$tablet-container}) and (max-width:#{$desktop-container - 0.062})" !default;
|
||||
$desktop-range: "#{$media} and (min-width:#{$desktop-container}) and (max-width:#{$large-desktop-container - 0.062})" !default;
|
||||
$large-desktop-range: "#{$media} and (min-width:#{$large-desktop-container})" !default;
|
||||
@@ -0,0 +1,2 @@
|
||||
// Border Radius
|
||||
$core-border-radius: rem(3) !default;
|
||||
@@ -0,0 +1,8 @@
|
||||
// Content Block Spacing Variables
|
||||
$content-margin: 0.625rem !default;
|
||||
$content-padding: 0.938rem !default;
|
||||
|
||||
// Fixed Block Variables
|
||||
$fixed-block-full: percentage(1/4) !default;
|
||||
$fixed-block-desktop: percentage(1/3) !default;
|
||||
$fixed-block-tablet: percentage(1/2) !default;
|
||||
@@ -0,0 +1,3 @@
|
||||
// Dropdowns
|
||||
$dropdown-width: 140px !default;
|
||||
$flyout-width: 140px !default;
|
||||
@@ -0,0 +1,14 @@
|
||||
// Base Sizes
|
||||
$core-font-size: .9rem !default;
|
||||
$core-line-height: 1.5 !default;
|
||||
|
||||
// Heading Sizes
|
||||
$h1-font-size: $core-font-size + 2.20 !default;
|
||||
$h2-font-size: $core-font-size + 1.50 !default;
|
||||
$h3-font-size: $core-font-size + 1.10 !default;
|
||||
$h4-font-size: $core-font-size + 0.75 !default;
|
||||
$h5-font-size: $core-font-size + 0.35 !default;
|
||||
$h6-font-size: $core-font-size - 0.15 !default;
|
||||
|
||||
// Spacing
|
||||
$leading-margin: $core-line-height * 1rem !default;
|
||||
@@ -0,0 +1,5 @@
|
||||
// Colors
|
||||
@import "colors";
|
||||
|
||||
// Variables
|
||||
@import "variables";
|
||||
@@ -0,0 +1,15 @@
|
||||
// Core
|
||||
$white: #ffffff;
|
||||
$black: #000000;
|
||||
$light-gray: #dddddd;
|
||||
|
||||
$core-border-color: $light-gray;
|
||||
$core-border-color-hover: darken($core-border-color, 10);
|
||||
|
||||
$code-text: #c7254e;
|
||||
$code-bg: #f9f2f4;
|
||||
$pre-text: #237794;
|
||||
$pre-bg: #f6f6f6;
|
||||
|
||||
// Shadows
|
||||
$core-box-shadow: inset 0 1px 3px hsla(0, 0%, 0%, 0.06);
|
||||
@@ -0,0 +1,22 @@
|
||||
// Sizes
|
||||
$header-height: 5rem;
|
||||
$footer-height: 6rem;
|
||||
$border-radius: 4px;
|
||||
|
||||
// Font Weights
|
||||
$font-weight-bold: 600;
|
||||
$font-weight-regular: 400;
|
||||
$font-weight-light:300;
|
||||
|
||||
// Global Paddings
|
||||
$padding-default: 1.5rem;
|
||||
$padding-horiz: 7rem;
|
||||
$padding-vert: 3rem;
|
||||
|
||||
//Forms
|
||||
$form-label-width: 30%;
|
||||
$form-border-radius: 4px;
|
||||
$form-border-width: 1px;
|
||||
$form-label-pad: 5px 0 5px 3rem;
|
||||
$form-input-pad: 5px 10px;
|
||||
$form-select-pad: 5px 30px 5px 10px;
|
||||
Reference in New Issue
Block a user