Chill-project/chill-bundles
6
0
Fork 0
mirror of https://gitlab.com/Chill-Projet/chill-bundles.git synced 2025-09-27 09:05:01 +00:00
Code Issues Actions Projects Releases Wiki Activity

add sass/scratch.scss and associated sass files

Browse Source
This commit is contained in:
Tchama
2018-12-18 17:46:30 +01:00
parent e31560f622
commit 472eda01e4
123 changed files with 8932 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

115
Resources/public/sass/config/_variables.scss Normal file
View File

@@ -0,0 +1,115 @@
// Typography
//$sans-serif: $helvetica;
//$serif: $georgia;
//$base-font-family: $sans-serif;
//$header-font-family: $base-font-family;
// Font Sizes
$base-font-size: 1em;
$h1-font-size: $base-font-size * 2.25;
$h2-font-size: $base-font-size * 2;
$h3-font-size: $base-font-size * 1.75;
$h4-font-size: $base-font-size * 1.5;
$h5-font-size: $base-font-size * 1.25;
$h6-font-size: $base-font-size;
// Line height
$base-line-height: 1.5;
$header-line-height: 1.25;
// Other Sizes
$base-border-radius: 3px;
$base-spacing: $base-line-height * 1em;
$base-z-index: 0;
// Background Color
$base-background-color: white;
// Font Colors
$base-font-color: $dark-grey;
$base-accent-color: $blue;
// Link Colors
$base-link-color: $base-accent-color;
$hover-link-color: darken($base-accent-color, 15);
$base-button-color: $base-link-color;
$hover-button-color: $hover-link-color;
/*
// Flash Colors
$alert-color: $light-yellow;
$error-color: $light-red;
$notice-color: lighten($base-accent-color, 40);
$success-color: $light-green;
*/
// Border color
$base-border-color: $light-grey;
$base-border: 1px solid $base-border-color;
// Footer
$footer-background: $grey-50;//-blue;// desaturate(darken($base-accent-color, 20), 30);
$footer-color: white;
$footer-link-color: transparentize($footer-color, .6);
$footer-disclaimer-color: transparentize($footer-color, .6);
$footer-vertical-padding: 0;
// Forms
$form-border-size: 1px;
$form-border-color: $base-border-color;
$form-border-color-hover: darken($base-border-color, 10);
$form-border-color-focus: $base-accent-color;
$form-border-radius: $base-border-radius;
$form-box-shadow: inset 0 1px 3px rgba(black,0.06);
$form-box-shadow-focus: $form-box-shadow, 0 0 5px rgba(darken($form-border-color-focus, 5), 0.7);
$form-font-size: $base-font-size;
//$form-font-family: $base-font-family;
// Navigation
$navigation-background: $dark-grey;
$navigation-color: transparentize(white, 0.3);
$navigation-color-hover: white;
$navigation-height: 60px;
$navigation-active-link-color: transparentize(white, 0.5);
$navigation-submenu-padding: 1em;
$navigation-submenu-width: 12em;
$navigation-border-radius: $base-border-radius;
$navigation-first-padding-top: 1em;
$navigation-last-padding-bottom: 0.7em;
$navigation-more-pin: '\25BE';
$navigation-more-pin-color: $navigation-color;
$navigation-ul-submenu-top: 1.5em;
$navigation-ul-submenu-padding-left: 0;
$navigation-search-padding: .85em .6em;
$navigation-border-bottom: 1px solid darken($navigation-background, 10);
//Table
$table-width: 100%;
$table-head-bg-color: $orange;
$table-head-td-border: unset;
$table-head-td-text-align: center;
$table-head-td-padding: 0.3em;
$table-head-text-color: $white;
$table-body-tr-bg-color-even: $grey-5;
$table-body-tr-bg-color-odd: unset;
$table-body-td-border: unset;
$table-body-td-text-align: left;
$table-body-td-padding: 0.3em;
$table-body-text-color: unset;
//Tabs
$tabs-nav-margin-bottom: none;
$tabs-nav-title-bg-color: $blue;
$tabs-nav-title-text-color: $white;
$tabs-nav-title-padding: 0.5em 0.5em 0.5em 1em;
$tabs-nav-bg-color: none;
$tabs-nav-text-color: inherit;
$tabs-new-border: 3px solid transparent;
$tabs-nav-hover-border: 3px solid $orange;
$tabs-nav-hover-text-color: inherit;
$tabs-nav-font-family: unset;
$tabs-nav-padding: 0.5em 0.5em 0.5em 1.5em;
@import "../custom/config/variables";