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

Commit

Permalink
Variables Setup
Browse files Browse the repository at this point in the history 
Deleted old variables that I didn't actually see. Will probably effect
most Cornerstone @import themes.
  • Loading branch information
andrewmbacon committed Jan 21, 2015
1 parent a7bdf0f commit 0eb3d51
Show file tree
Hide file tree
Showing 3 changed files with 242 additions and 380 deletions.
265 changes: 170 additions & 95 deletions sass/variables.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -65,16 +65,54 @@ $widget-head-padding: .5em .5em .5em 1em !default;
$widget-head-size: $widget-size !default;

/* Specific Widgets */
// Events Calendar (icons)
$uc-ecw-month-bg: #ccc !default;
$uc-ecw-month-color: #333 !default;
$uc-ecw-day-bg: #eee !default;
$uc-ecw-day-color: #333 !default;


// Events Calendar

// SHARED
$uc-ecw-item-margin: 1em 0 !default;
$uc-ecw-font: inherit !default;
$uc-ecw-title-color: $widget-link-color !default;
$uc-ecw-title-hover: $widget-link-hover !default;
$uc-ecw-time-color: lighten($widget-link-color, 20%) !default;
$uc-ecw-time-hover: lighten($widget-link-hover, 20%) !default;
$uc-ecw-title-color-hover: $widget-link-hover !default;

// LIST VIEW

$uc-ecw-list-dateWidth: 3.7em !default;

$uc-ecw-list-date-color: inherit !default;
$uc-ecw-list-date-color-hover: inherit !default;

// ICON VIEW

// number only in these ones.. no 'px'
$uc-ecw-icon-dateWidth: 55 !default;
$uc-ecw-icon-gutter: 15 !default;

$uc-ecw-icon-month-padding: .7em 0 0 !default;
$uc-ecw-icon-month-color: inherit !default;
$uc-ecw-icon-month-color-hover: inherit !default;
$uc-ecw-icon-month-bg: #FFFFFF !default;
$uc-ecw-icon-month-bg-hover: #000000 !default;
$uc-ecw-icon-month-border-width: 1px 1px 0 !default;
$uc-ecw-icon-month-border-style: solid !default;
$uc-ecw-icon-month-border-color: $widget-border-color !default;
$uc-ecw-icon-month-border-color-hover: $widget-border-color !default;
$uc-ecw-icon-month-font-size: 70% !default;
$uc-ecw-icon-month-font-transform: uppercase !default;
$uc-ecw-icon-month-font-letter-spacing: 1px !default;

$uc-ecw-icon-day-padding: 0 0 .2em 0 !default;
$uc-ecw-icon-day-color: #000000 !default;
$uc-ecw-icon-day-color-hover: #000000 !default;
$uc-ecw-icon-day-bg: #FFFFFF !default;
$uc-ecw-icon-day-bg-hover: #FFFFFF !default;
$uc-ecw-icon-day-border-width: 0 1px 1px !default;
$uc-ecw-icon-day-border-style: solid !default;
$uc-ecw-icon-day-border-color: $widget-border-color !default;
$uc-ecw-icon-day-border-color-hover: $widget-border-color !default;
$uc-ecw-icon-day-font-size: 130% !default;

$uc-ecw-time-color: inherit !default;


/* == Main Content Area */
Expand All @@ -94,7 +132,7 @@ $comment-thread-odd: #f5f5f5 !default;

$footers-margin: 1.5em 0 0 0 !default;
$footers-bg: #eee !default;
$footers-color: #333 !default;
$footers-color: #333 !default;
$footers-link-color: $link-color !default;
$footers-link-hover: $link-hover-color !default;

Expand All @@ -116,107 +154,144 @@ $uc-footer-link-spacing: 1em !default;


@mixin uc-cal() {

.uc-cal {
padding:0;
margin:$widget-content-margin !important;
padding:0 !important;
}

&.uc-iconcal {
// reset all the damn css from the damn plugin damnit.
.uc-cal * {

margin: 0 !important;
padding: 0!important;
border: 0!important;
font-size: 100%!important;
font: inherit!important;
vertical-align: baseline!important;
background:none!important;
position:inherit!important;
width:auto !important;
height: auto !important;
color:inherit !important;
display:block !important;
box-shadow:none !important;
text-transform:none !important;
min-height:inherit !important;
border-radius: 0 !important;

.uc-cal-list {
margin:$widget-content-margin;
a.uc-cal-event {
font-family:$font-family-base;
padding-left:65px;
min-height:65px;
}

// SHARED
.uc-cal-item {
margin: $uc-ecw-item-margin !important;
.uc-cal-event {
position:relative !important;



.uc-cal-event-date {
border:none;
width:50px;
left:0;
box-shadow:none;
background-color:#eee;

.uc-cal-event-month {
height:auto;
padding:.4em .2em .3em .2em;
font-size:.8em;
background-color:$uc-ecw-month-bg;
color:$uc-ecw-month-color;
font-weight:normal;
letter-spacing:0;
text-transform:capitalize;
}

.uc-cal-event-day {
padding:.5em .1em .6em;
height:auto;
background-color:$uc-ecw-day-bg;
color:$uc-ecw-day-color;
font-size:1.2em;
}
}
.uc-cal-event-date {
float: left !important;
position: relative !important;
top:0;
}

.uc-cal-event-title {
color:$uc-ecw-title-color !important;
}

&:hover {
.uc-cal-event-title {
color:$uc-ecw-title-color ;
font-size:1em;
line-height:$line-height-base;
margin-bottom:.3em;
margin-top:.2em;
}
.uc-cal-event-time {
color: $uc-ecw-time-color;
font-size:1em;
}
&:hover {
.uc-cal-event-title {
color: $uc-ecw-title-hover;
}
.uc-cal-event-time {
color: $uc-ecw-time-hover;
}


color:$uc-ecw-title-color-hover !important;
}
}


&:after {
visibility: hidden !important;
display: block !important;
font-size: 0!important;
content: " "!important;
clear: both!important;
height: 0!important;
}

}
}
&.uc-listcal {


// ICON VIEW
.uc-iconcal {
.uc-cal-list {
margin:$widget-content-margin;
a.uc-cal-event {
display:block;
position:relative;
padding-left:3em;
font-family:$font-family-base;

.uc-cal-event-date {
position:absolute;
left:0;
top:0;
display:block;
font-weight:normal;
color:#aaa;
line-height:$line-height-base;
}

.uc-cal-event-title {
display:block;
color: $uc-ecw-title-color;
line-height:$line-height-base;
}
.uc-cal-event-time {
color: $uc-ecw-time-color;
}
&:hover {
.uc-cal-event-title {
color: $uc-ecw-title-hover;
.uc-cal-item {
.uc-cal-event {
padding-left: #{($uc-ecw-icon-dateWidth + $uc-ecw-icon-gutter)}px !important;

.uc-cal-event-date {
left:-#{($uc-ecw-icon-dateWidth + $uc-ecw-icon-gutter)}px;
margin-right:-#{($uc-ecw-icon-dateWidth)}px !important;
width:#{($uc-ecw-icon-dateWidth)}px !important;

.uc-cal-event-month{
padding: $uc-ecw-icon-month-padding !important;
border-width:$uc-ecw-icon-month-border-width !important;
border-style:$uc-ecw-icon-month-border-style !important;
border-color: $uc-ecw-icon-month-border-color !important;
text-align:center !important;
background-color:$uc-ecw-icon-month-bg !important;
font-size:$uc-ecw-icon-month-font-size !important;
color: $uc-ecw-icon-month-color!important;
text-transform:$uc-ecw-icon-month-font-transform !important;
letter-spacing: $uc-ecw-icon-month-font-letter-spacing !important;
}
.uc-cal-event-day {
padding: $uc-ecw-icon-day-padding !important;
border-width:$uc-ecw-icon-day-border-width !important;
border-style:$uc-ecw-icon-day-border-style !important;
border-color: $uc-ecw-icon-day-border-color !important;
text-align:center !important;
background-color:$uc-ecw-icon-day-bg !important;
font-size:$uc-ecw-icon-day-font-size !important;
}
}
.uc-cal-event-time {
color: $uc-ecw-time-hover;
color: $uc-ecw-time-color !important;
}
}

// hover styles
&:hover {
.uc-cal-event-month{

}
.uc-cal-event-day {
}
.uc-cal-event-title {
}
.uc-cal-event-time {
}
}

} // cal-event


} //cal-item
} // cal-list


} //icon-cal

// styles unique to list view.
.uc-listcal {
.uc-cal-event {
padding-left:$uc-ecw-list-dateWidth !important;

.uc-cal-event-date {
width: $uc-ecw-list-dateWidth !important;
left:-($uc-ecw-list-dateWidth) !important;
margin-right:-($uc-ecw-list-dateWidth) !important;
}
}
}
}
}
}


Expand Down
Loading

0 comments on commit 0eb3d51

Please sign in to comment.