Slide 28
Slide 28 text
/* ======== SECTION: STYLE VARIABLES ======== */
$icon_sprite:url('icon-sprite.png') no-repeat;
$black_header_height:40px;
$content_header_height:66px;
$container_width:994px;
$sidebar_width:158px;
$page_width: $container_width - $sidebar_width - 20px;
$outer_page_width: $container_width - $sidebar_width;
/* ======== END SECTION: STYLE VARIABLES ======== */
/* ======== SECTION: 4.0. SCSS MIXINS ======== */
/* 4.2. Transitions */
@mixin transition($properties:all,$timing:0.3s,$transition:ease-in-out,$delay:0.0s) { -o-
transition: $properties $timing $transition $delay; -webkit-transition: $properties $timi
$transition $delay; -moz-transition: $properties $timing $transition $delay; }
/* 4.3. Box Shadows */
@mixin box-shadow($s1) { -webkit-box-shadow:$s1; -moz-box-shadow:$s1; box-shadow:$s1; }
@mixin double-box-shadow($s1,$s2:0 0 0 rgba(0,0,0,0)) { -webkit-box-shadow:$s1,$s2; -moz-
shadow:$s1,$s2; box-shadow:$s1,$s2; }
/* 4.4. Rounded Corners */
@mixin rounded($px:3px) { -webkit-border-radius:$px; -moz-border-radius:$px; border-radiu
$px; }
/* 4.5. Border Radius */
@mixin border-radius($tr,$tl,$br,$bl) { -moz-border-radius:$tr $tl $br $bl; -webkit-borde
radius:$tr $tl $br $bl; border-radius:$tr $tl $br $bl; }
/* 4.6. Gradients */
@mixin gradient($color1, $color2) { background-color:$color1; background-image:-o-linear-
gradient($color2, $color1); background-image: -webkit-gradient(linear,left bottom,left
top,color-stop(0, $color1),color-stop(1, $color2)); background-image: -moz-linear-