mirror of
https://github.com/pierre42100/comunic
synced 2025-06-22 01:55:20 +00:00
First commit
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: 1rem !default;
|
||||
$core-line-height: 1.7 !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;
|
Reference in New Issue
Block a user