$shadow-10: false
) { }
-@mixin border-direction(
- $direction: top,
- $style: solid,
- $width: 2px,
- $color: darken($panel-bg-color, 1%)) {
- border-#{$direction}: #{$style} #{$width} #{$color};
-}
-
-@mixin border(
- $style:solid,
- $width:2px,
- $color:darken($panel-bg-color, 1%)) {
- border: #{$style} #{$width} #{$color};
-}
-
//
// @functions
//
-@function image-url($pth) {
- @return unquote("url(../img/#{$pth})");
+@function image-url($path) {
+ @return unquote("url(../img/#{$path})");
}
-@function font-url($pth) {
- @return unquote("url(../fonts/#{$pth})");
+@function font-url($path) {
+ @return unquote("url(../fonts/#{$path})");
}
//
$body-font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif !important;
$rem-base: 18;
-// $topbar-arrows: false;
// $text-direction: rtl;
// Modified Panel
.easel {
- @include panel($bg:$panel-bg-color);
- @include border(solid, 1px, darken($panel-bg-color, 6%));
+ @include panel($bg: $panel-bg-color);
@include radius();
+ border: 1px solid darken($panel-bg-color, 6%);
}
// 12 column grid mixin (would be cool to implement with mixins where possible)
.options-bg {
padding: 18px;
background-color: darken($panel-bg-color, 0%);
- @include border(solid, 1px, darken($panel-bg-color, 4%));
+ border: 1px solid darken($panel-bg-color, 4%);
border-radius: 4px;
ul {
margin-#{$default-float}: 20px;
pre { margin-bottom: 15px;
code {
.code-container {
- //@include border(solid, 1px, darken($panel-bg-color, 4%));
- //border-radius: 3px;
- //background-color: darken($panel-bg-color, 2%);
margin: 10px 0px;
padding: 5px;
overflow-x: auto;