Commit 0f31392712eb17ea95a63f9285359ac11f880855

Authored by Koen Punt
1 parent d7e9eda2

Mixins are now all with dashes instead of underscores

(there really should be some convention for all gitlab css)
app/assets/stylesheets/gitlab_bootstrap/blocks.scss
@@ -16,7 +16,7 @@ @@ -16,7 +16,7 @@
16 @extend .prepend-top-20; 16 @extend .prepend-top-20;
17 @extend .append-bottom-20; 17 @extend .append-bottom-20;
18 border-width: 1px; 18 border-width: 1px;
19 - @include solid_shade; 19 + @include solid-shade;
20 20
21 21
22 img { max-width: 100%; } 22 img { max-width: 100%; }
@@ -66,7 +66,7 @@ @@ -66,7 +66,7 @@
66 @include border-radius(4px); 66 @include border-radius(4px);
67 67
68 border-color: #CCC; 68 border-color: #CCC;
69 - @include solid_shade; 69 + @include solid-shade;
70 70
71 &.white { 71 &.white {
72 background: #fff; 72 background: #fff;
app/assets/stylesheets/gitlab_bootstrap/files.scss
@@ -5,7 +5,7 @@ @@ -5,7 +5,7 @@
5 .file_holder { 5 .file_holder {
6 border: 1px solid #BBB; 6 border: 1px solid #BBB;
7 margin-bottom: 1em; 7 margin-bottom: 1em;
8 - @include solid_shade; 8 + @include solid-shade;
9 9
10 .file_title { 10 .file_title {
11 border-bottom: 1px solid #bbb; 11 border-bottom: 1px solid #bbb;
app/assets/stylesheets/gitlab_bootstrap/tables.scss
1 table { 1 table {
2 @extend .table; 2 @extend .table;
3 @extend .table-striped; 3 @extend .table-striped;
4 - @include solid_shade; 4 + @include solid-shade;
5 border: 1px solid #bbb; 5 border: 1px solid #bbb;
6 width: 100%; 6 width: 100%;
7 7
app/assets/stylesheets/mixins.scss
1 -@mixin shade {  
2 - -moz-box-shadow: 0 0 3px #ddd;  
3 - -webkit-box-shadow: 0 0 3px #ddd;  
4 - box-shadow: 0 0 3px #ddd;  
5 -}  
6 -  
7 -@mixin solid_shade {  
8 - -moz-box-shadow: 0 0 0 3px #f1f1f1;  
9 - -webkit-box-shadow: 0 0 0 3px #f1f1f1;  
10 - box-shadow: 0 0 0 3px #f1f1f1;  
11 -}  
12 -  
13 -  
14 -@mixin box-shadow($shadow) { 1 +/**
  2 + * Generic mixins
  3 + */
  4 + @mixin box-shadow($shadow) {
15 -webkit-box-shadow: $shadow; 5 -webkit-box-shadow: $shadow;
16 -moz-box-shadow: $shadow; 6 -moz-box-shadow: $shadow;
17 -ms-box-shadow: $shadow; 7 -ms-box-shadow: $shadow;
@@ -34,6 +24,10 @@ @@ -34,6 +24,10 @@
34 background-image: -o-linear-gradient($from, $to); 24 background-image: -o-linear-gradient($from, $to);
35 } 25 }
36 26
  27 +/**
  28 + * Prefilled mixins
  29 + * Mixins with fixed values
  30 + */
37 @mixin bg-light-gray-gradient { 31 @mixin bg-light-gray-gradient {
38 background: #f1f1f1; 32 background: #f1f1f1;
39 background-image: -webkit-gradient(linear, 0 0, 0 30, color-stop(0.066, #f5f5f5), to(#e1e1e1)); 33 background-image: -webkit-gradient(linear, 0 0, 0 30, color-stop(0.066, #f5f5f5), to(#e1e1e1));
@@ -56,3 +50,11 @@ @@ -56,3 +50,11 @@
56 background-image: -moz-linear-gradient(#e9e9e9, #d7d7d7); 50 background-image: -moz-linear-gradient(#e9e9e9, #d7d7d7);
57 background-image: -o-linear-gradient(#e9e9e9, #d7d7d7); 51 background-image: -o-linear-gradient(#e9e9e9, #d7d7d7);
58 } 52 }
  53 +
  54 +@mixin shade {
  55 + @include box-shadow(0 0 3px #ddd);
  56 +}
  57 +
  58 +@mixin solid-shade {
  59 + @include box-shadow(0 0 0 3px #f1f1f1);
  60 +}
59 \ No newline at end of file 61 \ No newline at end of file
app/assets/stylesheets/sections/issues.scss
@@ -139,7 +139,7 @@ input.check_all_issues { @@ -139,7 +139,7 @@ input.check_all_issues {
139 border: none; 139 border: none;
140 box-shadow: none; 140 box-shadow: none;
141 .ui-datepicker-header { 141 .ui-datepicker-header {
142 - @include solid_shade; 142 + @include solid-shade;
143 margin-bottom: 10px; 143 margin-bottom: 10px;
144 border: 1px solid #bbb; 144 border: 1px solid #bbb;
145 } 145 }