mirror of
https://github.com/pierre42100/comunic
synced 2025-06-21 09:35:19 +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;
|
@ -0,0 +1,11 @@
|
||||
// Colors
|
||||
@import "colors";
|
||||
|
||||
// Typography
|
||||
@import "typography";
|
||||
|
||||
// Typography
|
||||
@import "bullets";
|
||||
|
||||
// Variables
|
||||
@import "variables";
|
@ -0,0 +1,5 @@
|
||||
$bullet-icon-size: 3.5rem;
|
||||
|
||||
$bullet-icon-color-1: $core-accent;
|
||||
$bullet-icon-color-2: adjust-hue($core-accent, -20);
|
||||
$bullet-icon-color-3: adjust-hue($core-accent, -130);
|
@ -0,0 +1,75 @@
|
||||
// Core
|
||||
$core-text: #444;
|
||||
$core-accent: #1BB3E9;
|
||||
$secondary-link: #F6635E;
|
||||
$white: #fff;
|
||||
$black: #000;
|
||||
$light-gray: #ddd;
|
||||
$border-color: #EEEEEE;
|
||||
|
||||
// Borders
|
||||
$core-border-color: $light-gray;
|
||||
$core-border-color-hover: darken($core-border-color, 10);
|
||||
$core-border-color-focus: $core-accent;
|
||||
|
||||
// Shadows
|
||||
$core-box-shadow: inset 0 1px 3px hsla(0, 0%, 0%, 0.06);
|
||||
$core-box-shadow-focus: $core-box-shadow, 0 0 5px rgba(darken($core-border-color-focus, 5), 0.7);
|
||||
|
||||
// Background
|
||||
$page-bg: #fff;
|
||||
|
||||
// Header
|
||||
$header-text: #FFFFFF;
|
||||
|
||||
// Nav
|
||||
$navbar-text: #75879A;
|
||||
$navbar-bg: #FFFFFF;
|
||||
|
||||
// Showcase
|
||||
$showcase-bg: lighten($core-accent, 6%);
|
||||
$showcase-text: #fff;
|
||||
|
||||
// Feature
|
||||
$feature-bg: #fff;
|
||||
|
||||
// Main Body
|
||||
$main-bg: #f7f7f7;
|
||||
$body-border: darken($main-bg, 5%);
|
||||
|
||||
// Sidebar
|
||||
$sidebar-text: #aaa;
|
||||
|
||||
// Bottom
|
||||
$bottom-bg: #f7f7f7;
|
||||
$bottom-text: $core-text;
|
||||
|
||||
// Footer
|
||||
$footer-bg: #333;
|
||||
$footer-text: #999;
|
||||
|
||||
$rule-color: #F0F2F4;
|
||||
$code-text: #c7254e;
|
||||
$code-bg: #f9f2f4;
|
||||
$pre-text: #237794;
|
||||
$pre-bg: #f0f0f0;
|
||||
|
||||
// Dark Contrast variation
|
||||
$dark-navbar-text: #999;
|
||||
$dark-sidebar: #222;
|
||||
$dark-sidebar-text: #999;
|
||||
$dark-main-bg: #333;
|
||||
$dark-body-border: #666;
|
||||
|
||||
// Info - Yellow
|
||||
$notes-info-border: #F0AD4E;
|
||||
$notes-info-bg: #FCF8F2;
|
||||
// Warning - Red
|
||||
$notes-warning-border: #D9534F;
|
||||
$notes-warning-bg: #FDF7F7;
|
||||
// Note - Blue
|
||||
$notes-note-border: #5BC0DE;
|
||||
$notes-note-bg: #F4F8FA;
|
||||
// Success - Green
|
||||
$notes-success-border: #5CB85C;
|
||||
$notes-success-bg: #F1F9F1;
|
@ -0,0 +1,7 @@
|
||||
// Font Family
|
||||
$font-family-default: "Raleway", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
|
||||
$font-family-header: "Montserrat", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
|
||||
$font-family-mono: "Inconsolata", monospace;
|
||||
$font-family-serif: "Georgia", "Times", "Times New Roman", serif;
|
||||
|
||||
$icons: "FontAwesome";
|
@ -0,0 +1,13 @@
|
||||
// Sizes
|
||||
$header-height: 5rem;
|
||||
$footer-height: 6rem;
|
||||
$border-radius: 3px;
|
||||
|
||||
// Font Weights
|
||||
$font-weight-bold: 600;
|
||||
$font-weight-regular: 400;
|
||||
$font-weight-light:300;
|
||||
|
||||
// Global Paddings
|
||||
$padding-horiz: 7rem;
|
||||
$padding-vert: 3rem;
|
Reference in New Issue
Block a user