Commit 0f313927 authored by Koen Punt's avatar Koen Punt

Mixins are now all with dashes instead of underscores

 (there really should be some convention for all gitlab css)
parent d7e9eda2
...@@ -16,7 +16,7 @@ ...@@ -16,7 +16,7 @@
@extend .prepend-top-20; @extend .prepend-top-20;
@extend .append-bottom-20; @extend .append-bottom-20;
border-width: 1px; border-width: 1px;
@include solid_shade; @include solid-shade;
img { max-width: 100%; } img { max-width: 100%; }
...@@ -66,7 +66,7 @@ ...@@ -66,7 +66,7 @@
@include border-radius(4px); @include border-radius(4px);
border-color: #CCC; border-color: #CCC;
@include solid_shade; @include solid-shade;
&.white { &.white {
background: #fff; background: #fff;
......
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
.file_holder { .file_holder {
border: 1px solid #BBB; border: 1px solid #BBB;
margin-bottom: 1em; margin-bottom: 1em;
@include solid_shade; @include solid-shade;
.file_title { .file_title {
border-bottom: 1px solid #bbb; border-bottom: 1px solid #bbb;
......
table { table {
@extend .table; @extend .table;
@extend .table-striped; @extend .table-striped;
@include solid_shade; @include solid-shade;
border: 1px solid #bbb; border: 1px solid #bbb;
width: 100%; width: 100%;
......
@mixin shade { /**
-moz-box-shadow: 0 0 3px #ddd; * Generic mixins
-webkit-box-shadow: 0 0 3px #ddd; */
box-shadow: 0 0 3px #ddd; @mixin box-shadow($shadow) {
}
@mixin solid_shade {
-moz-box-shadow: 0 0 0 3px #f1f1f1;
-webkit-box-shadow: 0 0 0 3px #f1f1f1;
box-shadow: 0 0 0 3px #f1f1f1;
}
@mixin box-shadow($shadow) {
-webkit-box-shadow: $shadow; -webkit-box-shadow: $shadow;
-moz-box-shadow: $shadow; -moz-box-shadow: $shadow;
-ms-box-shadow: $shadow; -ms-box-shadow: $shadow;
...@@ -34,6 +24,10 @@ ...@@ -34,6 +24,10 @@
background-image: -o-linear-gradient($from, $to); background-image: -o-linear-gradient($from, $to);
} }
/**
* Prefilled mixins
* Mixins with fixed values
*/
@mixin bg-light-gray-gradient { @mixin bg-light-gray-gradient {
background: #f1f1f1; background: #f1f1f1;
background-image: -webkit-gradient(linear, 0 0, 0 30, color-stop(0.066, #f5f5f5), to(#e1e1e1)); background-image: -webkit-gradient(linear, 0 0, 0 30, color-stop(0.066, #f5f5f5), to(#e1e1e1));
...@@ -56,3 +50,11 @@ ...@@ -56,3 +50,11 @@
background-image: -moz-linear-gradient(#e9e9e9, #d7d7d7); background-image: -moz-linear-gradient(#e9e9e9, #d7d7d7);
background-image: -o-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);
}
\ No newline at end of file
...@@ -139,7 +139,7 @@ input.check_all_issues { ...@@ -139,7 +139,7 @@ input.check_all_issues {
border: none; border: none;
box-shadow: none; box-shadow: none;
.ui-datepicker-header { .ui-datepicker-header {
@include solid_shade; @include solid-shade;
margin-bottom: 10px; margin-bottom: 10px;
border: 1px solid #bbb; border: 1px solid #bbb;
} }
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment