Commit 0f31392712eb17ea95a63f9285359ac11f880855
1 parent
d7e9eda2
Exists in
master
and in
4 other branches
Mixins are now all with dashes instead of underscores
(there really should be some convention for all gitlab css)
Showing
5 changed files
with
21 additions
and
19 deletions
Show diff stats
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
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 | } |