mirror of
https://gitlab.com/Chill-Projet/chill-bundles.git
synced 2025-08-25 00:53:48 +00:00
add sass/scratch.scss and associated sass files
This commit is contained in:
7
Resources/public/sass/config/_buttons.scss
Normal file
7
Resources/public/sass/config/_buttons.scss
Normal file
@@ -0,0 +1,7 @@
|
||||
// Buttons
|
||||
$button-font-size : 15px !default;
|
||||
$button-text-color : #000 !default;
|
||||
$button-text-weight : 300 !default;
|
||||
$button-padding : 8px 12px !default;
|
||||
$button-background : #eee !default;
|
||||
$button-margin : 5px !default;
|
||||
64
Resources/public/sass/config/_colors.scss
Normal file
64
Resources/public/sass/config/_colors.scss
Normal file
@@ -0,0 +1,64 @@
|
||||
// BODY
|
||||
$body-background : #fff !default;
|
||||
|
||||
// PLAIN TEXT
|
||||
$text-color : #555 !default;
|
||||
|
||||
// HEADINGS
|
||||
$headings-color : #404040 !default;
|
||||
|
||||
// LINKS
|
||||
$link-color : #6998C9 !default;
|
||||
$link-visited-color : #808080 !default;
|
||||
$link-active-color : shade(red,5%) !default;
|
||||
$link-hover-color : #007ED5 !default;
|
||||
$link-focus-color : $link-color !default;
|
||||
|
||||
$white : #fff !default;
|
||||
$black : #000 !default;
|
||||
$orange : #FF622C !default;
|
||||
$red : #C83D3D !default;
|
||||
$green : #27806f !default;
|
||||
$blue : #2980b9 !default;
|
||||
$yellow : #FFC82C !default;
|
||||
|
||||
$light-blue : #4995C7;
|
||||
$llight-blue : #72B0D9;
|
||||
$dark-blue : #096EB0 !default;
|
||||
$ddark-blue : #07507F !default;
|
||||
|
||||
$light-green : #419484 !default;
|
||||
$llight-green : #6CB3A5 !default;
|
||||
|
||||
$warning-bg : $orange !default;
|
||||
$caution-bg : $red !default;
|
||||
$error-bg : $red !default;
|
||||
$success-bg : $green !default;
|
||||
$info-bg : $blue !default;
|
||||
|
||||
$grey-95 : lighten($black, 5%) !default;
|
||||
$grey-90 : lighten($black, 10%) !default;
|
||||
$grey-85 : lighten($black, 15%) !default;
|
||||
$grey-80 : lighten($black, 20%) !default;
|
||||
$grey-75 : lighten($black, 25%) !default;
|
||||
$grey-70 : lighten($black, 30%) !default;
|
||||
$grey-65 : lighten($black, 35%) !default;
|
||||
$grey-60 : lighten($black, 40%) !default;
|
||||
$grey-55 : lighten($black, 45%) !default;
|
||||
$grey-50 : lighten($black, 50%) !default;
|
||||
$grey-45 : lighten($black, 55%) !default;
|
||||
$grey-40 : lighten($black, 60%) !default;
|
||||
$grey-35 : lighten($black, 65%) !default;
|
||||
$grey-30 : lighten($black, 70%) !default;
|
||||
$grey-25 : lighten($black, 75%) !default;
|
||||
$grey-20 : lighten($black, 80%) !default;
|
||||
$grey-15 : lighten($black, 85%) !default;
|
||||
$grey-10 : lighten($black, 90%) !default;
|
||||
$grey-5 : lighten($black, 95%) !default;
|
||||
|
||||
|
||||
$dark-grey: $grey-80; //#333;
|
||||
$medium-grey: $grey-50; //#999;
|
||||
$light-grey: $grey-20; //#DDD;
|
||||
|
||||
@import "../custom/config/colors";
|
||||
115
Resources/public/sass/config/_variables.scss
Normal file
115
Resources/public/sass/config/_variables.scss
Normal 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";
|
||||
Reference in New Issue
Block a user