Skip to content
This repository has been archived by the owner. It is now read-only.

Commit

Permalink
Browse files Browse the repository at this point in the history
Updates to Starter Kit 
Starter Kit updated to use more bootstrap variables and cornerstone
variables.
  • Loading branch information
Jessika Mika Caldera committed Jan 14, 2015
1 parent 37c4a73 commit afac244
Show file tree
Hide file tree
Showing 3 changed files with 289 additions and 7,921 deletions.
234 changes: 157 additions & 77 deletions sass/variables.scss
View file
@@ -1,79 +1,94 @@
/*
Cornerstone Starter Kit
*/
/*
Variables listed in order
Global
Links
Colors
Border Radius
Header
Navigation bar
Widgets
Content
Footer
Megafooter
Buttons
Starter Kit Variables
* Variables listed in order
Global
Links
Primary Colors
Secondary Colors
Border Radius
Main Header
Navigation bar
Widgets
Calendar
Content
Footer
Megafooter
Buttons
Search Form
//Custom Variables
*/

////////////////////////////////////////////////////
//Global Default
//Link Colors
$link-color: #388ac3;
$link-hover-color: darken($link-color, 15%) !default;
//Global Default - Bootstrap
//Link Colors
$link-color: #388ac3;
$link-hover-color: darken($link-color, 15%)!default;

// Primary Colors (Bootstrap)
$brand-primary: #428bca !default;
$brand-success: #5cb85c !default;
$brand-info: #5bc0de !default;
$brand-warning: #f0ad4e !default;
$brand-danger: #d9534f !default;

// Primary Colors (Bootstrap)
$brand-primary: #428bca !default;
$brand-success: #5cb85c !default;
$brand-info: #5bc0de !default;
$brand-warning: #f0ad4e !default;
$brand-danger: #d9534f !default;
// Secondary Colors (Bootstrap)
$gray-darker: lighten(#000, 13.5%) !default; // #222
$gray-dark: lighten(#000, 20%) !default; // #333
$gray: lighten(#000, 33.5%) !default; // #555
$gray-light: lighten(#000, 46.7%) !default; // #777
$gray-lighter: lighten(#000, 93.5%) !default; // #eee

// Secondary Colors (Bootstrap)
$gray-darker: lighten(#000, 13.5%) !default; // #222
$gray-dark: lighten(#000, 20%) !default; // #333
$gray: lighten(#000, 33.5%) !default; // #555
$gray-light: lighten(#000, 46.7%) !default; // #777
$gray-lighter: lighten(#000, 93.5%) !default; // #eee
// Border Radius
$border-radius-base: 0;
$border-radius-large: 0;
$border-radius-small: 0;

// Border Radius
$border-radius-base: 0;
$border-radius-large: 0;
$border-radius-small: 0;
//Fonts Sizes
$font-size-base: 14px !default;

$font-size-h1: ceil(($font-size-base * 1.7));
$font-size-h2: floor(($font-size-base * 1.5)) ;
$font-size-h3: ceil(($font-size-base * 1.15)) ;
$font-size-h4: ceil(($font-size-base * 1.15)) ;
$font-size-h5: $font-size-base !default;
$font-size-h6: ceil(($font-size-base * 0.85)) !default; // ~12px


// Header
$header_border: #000000;
// Main Header - Cornerstone Based
$header_border: #000000;

$title_parent: #879197;
$title_parentHover: #000;
$title_parent: #eee;
$title_parentHover: darken($title_parent, 15%);

$title_txt: #879197;
$title_txtHover: #000;
$title_txt: #fff;
$title_txtHover: darken($title_txt, 15%);

// Navigation bar
$navbar-margin-bottom: 0;
$navbar-collapse-max-height: none;
$navbar-default-bg: transparent;
$navbar-default-border: transparent;
$navbar-margin-bottom: 0;
$navbar-collapse-max-height: none;
$navbar-default-bg: transparent;
$navbar-default-border: transparent;

$navbar-default-link-color: black;
$navbar-default-link-hover-color: grey;
$navbar-default-link-color: rgba(255,255,255, .6);
$navbar-default-link-hover-color: rgba(255,255,255, 1);
$navbar-default-link-hover-bg: transparent;
$navbar-default-link-active-color: darkgrey;
$navbar-default-link-active-color: #000000;
$navbar-default-link-active-bg: transparent;

$dropdown-bg: #e9e9e9 ;
$dropdown-link-color: #444 ;
$dropdown-link-hover-color: #fff ;
$dropdown-link-hover-bg: #b8000f ;
$nav-secondary-padding: 8px;

$dropdown-link-active-color: #000 ;
$dropdown-link-active-bg: #d0d0d0 ;
$dropdown-bg: #e9e9e9;
$dropdown-link-color: #444;
$dropdown-link-hover-color: #fff;
$dropdown-link-hover-bg: #5cb85c;

$dropdown-link-active-color: #000;
$dropdown-link-active-bg: #d0d0d0;

// Widgets - Cornerstone Based
$widget-head-color: #9A0405;
$widget-head-border-width: 0;
$widget-head-size: 150%;

// Widgets
$widget-border-color: #ccc !default;
$widget-border-radius: $border-radius-base !default;
$widget-border-width: 1px !default;
Expand All @@ -87,40 +102,46 @@ $widget-link-color: $link-color !default;
$widget-link-hover: $link-hover-color !default;


// Widgets - Calendar
$uc-ecw-month-bg: #f5f5f5;
$uc-ecw-month-color: #2e77b0;
$uc-ecw-day-bg: #f5f5f5;
// Widgets - Calendar
$uc-ecw-month-bg: #f5f5f5;
$uc-ecw-month-color: #2e77b0;
$uc-ecw-day-bg: #f5f5f5;
$uc-ecw-day-color: #454545;

$uc-ecw-title-color: #113B7C;
$uc-ecw-title-hover: darken($uc-ecw-title-color, 15%);
$uc-ecw-time-color: #113B7C;
$uc-ecw-time-hover: darken($uc-ecw-time-color, 15%);

// Content
$contentPadding: 31px 0 4em;

$headings-font-weight: bold;
$headings-color:#0c285b;


$headings-color: #0c285b;
$headings-font-weight: 500;
$header-border: #fff !default;

// Footer
$footers-border-color: #000000;
$footers-border-width: 1px 0 0 0;
$footers-border-color: #000000;
$footers-border-width: 1px 0 0 0;

$footers-margin: 0;
$footers-bg: #ffffff;
$footers-link-color: rgba(255,255,255,.7);
$footers-link-hover: rgba(255,255,255,1);

$footers-margin: 0;
$footers-bg: #ffffff;
$footers-link-color: #5a595a;
$footers-link-hover: #343434;
$uc-footer-link-spacing: 1.5em;

// Mega Footer
$megafooter-bg: transparent !default;
$megafooter-widget-bg: transparent !default;
$megafooter-bg: transparent !default;
$megafooter-widget-bg: transparent !default;
$megafooter-widget-color: rgba(255,255,255, 0.6);
$megafooter-widget-head-color: #ffffff !important;

//For each of Bootstrap's buttons, define text, background and border color.
//Buttons - For each of Bootstrap's buttons, define text, background and border color.
$btn-font-weight: normal !default;

$btn-default-color: #333 !default;
$btn-default-bg: #fff !default;
$btn-default-border: #ccc !default;
$btn-default-color: #333 !default;
$btn-default-bg: #fff !default;
$btn-default-border: #ccc !default;

$btn-primary-color: #fff !default;
$btn-primary-bg: $brand-primary !default;
Expand All @@ -145,3 +166,62 @@ $btn-danger-border: darken($btn-danger-bg, 5%) !default;
$btn-link-disabled-color: $gray-light !default;


// Main Search Form
$searchText: #fff;
$searchPlacehoderText: rgba($searchText, .5);
$searchBackground: rgba(255, 255, 255, .15);

/* Starter Kit Only Variables */
// Thesse are variables found in styles.scss file.
$uc-font-path: "../../../global/fonts";


/* Body Search Form */
$body-search-bg-color: rgba(0, 0, 0, .12);
$body-search-text-color: #081B39;

/* Widget Search Form */
$footer-bg-color: #878787;
$footer-text-color: #ffffff;

// Search Mixin
@mixin searchform(){
.searchform {

.form-control {
background-color:$searchBackground;
color: $searchText;
border-radius: 0;
border:none;
height:auto;

&::-webkit-input-placeholder {
color: $searchPlacehoderText;
}
&:-moz-placeholder {
color: $searchPlacehoderText;
}
&::-moz-placeholder {
color: $searchPlacehoderText;
}
&:-ms-input-placeholder {
color: $searchPlacehoderText;
}
}
.btn {
background-color: $searchBackground;
color:$searchPlacehoderText;
border:none;
padding:5px 12px;
&:hover {
color:#fff;
background-color:darken($searchBackground, 40%);
}
}
}

.ie7 .searchform .formcontrol,
.ie7 .searchform .btn {
background-color:#3e4a67!important;
}
}

0 comments on commit afac244

Please sign in to comment.