.ticket_calendar_icon { @include inline-block; float:left; background: white; @extend .border; border-color: darken(#B6C4D3,10%); text-align: center; width: 46px; padding: 0 0 1px 0; margin-right: 0.5em; border-top-color: #E76400; @include box-shadow(rgba(0,0,0,.45) 0 1px, rgba(0,0,0,0.1) 0 2px 4px 1px); text-decoration: none; color: $header-color; @include transition(border-color 0.2s); @include border-radius(3px); &:hover { border-color: $header-color; color: $header-color; } span { display: block; } .day,.month { font-size: 8px; text-transform: uppercase; font-family: 'Lucida Grande','Lucida Sans',verdana,sans; } .month { color: $quiet-color; line-height: 1.5; background: #F18E01; font-weight: bold; color: white; } .date { color: $header-color; @extend .larger-font-size; font-weight: bold; } }
over 1 year ago
keyboard shortcuts: ← previous shot → next shot L or F like
1 Response
.ticket_calendar_icon
{
@include inline-block;
float:left;
background: white;
@extend .border;
border-color: darken(#B6C4D3,10%);
text-align: center;
width: 46px;
padding: 0 0 1px 0;
margin-right: 0.5em;
border-top-color: #E76400;
@include box-shadow(rgba(0,0,0,.45) 0 1px, rgba(0,0,0,0.1) 0 2px 4px 1px);
text-decoration: none;
color: $header-color;
@include transition(border-color 0.2s);
@include border-radius(3px);
&:hover {
border-color: $header-color;
color: $header-color;
}
span {
display: block;
}
.day,.month {
font-size: 8px;
text-transform: uppercase;
font-family: 'Lucida Grande','Lucida Sans',verdana,sans;
}
.month
{
color: $quiet-color;
line-height: 1.5;
background: #F18E01;
font-weight: bold;
color: white;
}
.date
{
color: $header-color;
@extend .larger-font-size;
font-weight: bold;
}
}
over 1 year ago