/** * Generic mixins */ @mixin box-shadow($shadow) { -webkit-box-shadow: $shadow; -moz-box-shadow: $shadow; -ms-box-shadow: $shadow; -o-box-shadow: $shadow; box-shadow: $shadow; } @mixin border-radius($radius) { -webkit-border-radius: $radius; -moz-border-radius: $radius; -ms-border-radius: $radius; -o-border-radius: $radius; border-radius: $radius; } @mixin border-radius-left($radius) { @include border-radius($radius 0 0 $radius) } @mixin linear-gradient($from, $to) { background-image: -webkit-gradient(linear, 0 0, 0 100%, from($from), to($to)); background-image: -webkit-linear-gradient($from, $to); background-image: -moz-linear-gradient($from, $to); background-image: -ms-linear-gradient($from, $to); background-image: -o-linear-gradient($from, $to); } @mixin transition($transition) { -webkit-transition: $transition; -moz-transition: $transition; -ms-transition: $transition; -o-transition: $transition; transition: $transition; } /** * Prefilled mixins * Mixins with fixed values */ @mixin bg-light-gray-gradient { background: #f1f1f1; background-image: -webkit-gradient(linear, 0 0, 0 30, color-stop(0.066, #f5f5f5), to(#e1e1e1)); background-image: -webkit-linear-gradient(#f5f5f5 6.6%, #e1e1e1); background-image: -moz-linear-gradient(#f5f5f5 6.6%, #e1e1e1); background-image: -ms-linear-gradient(#f5f5f5 6.6%, #e1e1e1); background-image: -o-linear-gradient(#f5f5f5 6.6%, #e1e1e1); } @mixin bg-gray-gradient { background: #eee; background-image: -webkit-gradient(linear, 0 0, 0 30, color-stop(0.066, #eee), to(#dfdfdf)); background-image: -webkit-linear-gradient(#eee 6.6%, #dfdfdf); background-image: -moz-linear-gradient(#eee 6.6%, #dfdfdf); background-image: -ms-linear-gradient(#eee 6.6%, #dfdfdf); background-image: -o-linear-gradient(#eee 6.6%, #dfdfdf); } @mixin bg-dark-gray-gradient { background: #eee; background-image: -webkit-linear-gradient(#e9e9e9, #d7d7d7); background-image: -moz-linear-gradient(#e9e9e9, #d7d7d7); background-image: -ms-linear-gradient(#e9e9e9, #d7d7d7); background-image: -o-linear-gradient(#e9e9e9, #d7d7d7); } @mixin shade { @include box-shadow(0 0 3px #ddd); } @mixin solid-shade { @include box-shadow(0 0 0 3px #f1f1f1); } @mixin header-font { color: $style_color; text-shadow: 0 1px 1px #FFF; font-size: 16px; line-height: 44px; font-weight: normal; } @mixin md-typography { img { max-width: 100%; } *:first-child { margin-top: 0; } code { padding: 0 4px; } h1 { margin-top: 45px; font-size: 2.5em; } h2 { margin-top: 40px; font-size: 2em; } h3 { margin-top: 35px; font-size: 1.5em; } h4 { margin-top: 30px; font-size: 1.2em; } blockquote p { color: #888; font-size: 14px; line-height: 1.5; } table { @extend .table; @extend .table-bordered; th { background: #EEE; } } p > code { font-size: inherit; font-weight: inherit; color: #555; } li { line-height: 1.5; } } @mixin page-title { color: #333; font-size: 20px; line-height: 1.5; margin-top: 0px; margin-bottom: 15px; }