Download as
Browse Code »

Commit 238c214ac9041da65437862115fe772f2d0ea7f3

Authored by Koen Punt
1 parent b825582e
Exists in master and in 4 other branches 6-8-stable, 7-0-stable, 7-0-stable-spb, spb-stable

Forgot to rename var

Showing 2 changed files with 19 additions and 12 deletions   Show diff stats
app/assets/stylesheets/mixins.scss
  Diff comments   View file @238c214
@@ -12,11 +12,11 @@ @@ -12,11 +12,11 @@
12 12
13 13
14 @mixin box-shadow($shadow) { 14 @mixin box-shadow($shadow) {
15 - -webkit-box-shadow: $radius;  
16 - -moz-box-shadow: $radius;  
17 - -ms-box-shadow: $radius;  
18 - -o-box-shadow: $radius;  
19 - box-shadow: $radius; 15 + -webkit-box-shadow: $shadow;
  16 + -moz-box-shadow: $shadow;
  17 + -ms-box-shadow: $shadow;
  18 + -o-box-shadow: $shadow;
  19 + box-shadow: $shadow;
20 } 20 }
21 21
22 @mixin border-radius($radius) { 22 @mixin border-radius($radius) {
@@ -27,6 +27,13 @@ @@ -27,6 +27,13 @@
27 border-radius: $radius; 27 border-radius: $radius;
28 } 28 }
29 29
  30 +@mixin linear-gradient($from, $to) {
  31 + background-image: -webkit-gradient(linear, 0 0, 0 100%, from($from), to($to));
  32 + background-image: -webkit-linear-gradient($from, $to);
  33 + background-image: -moz-linear-gradient($from, $to);
  34 + background-image: -o-linear-gradient($from, $to);
  35 +}
  36 +
30 @mixin round-borders-bottom($radius) { 37 @mixin round-borders-bottom($radius) {
31 border-top: 1px solid #eaeaea; 38 border-top: 1px solid #eaeaea;
32 @include border-radius(0 0 $radius $radius); 39 @include border-radius(0 0 $radius $radius);
@@ -43,10 +50,7 @@ @@ -43,10 +50,7 @@
43 } 50 }
44 51
45 @mixin bg-gradient($from, $to) { 52 @mixin bg-gradient($from, $to) {
46 - background-image: -webkit-gradient(linear, 0 0, 0 100%, from($from), to($to));  
47 - background-image: -webkit-linear-gradient($from, $to);  
48 - background-image: -moz-linear-gradient($from, $to);  
49 - background-image: -o-linear-gradient($from, $to); 53 + @include linear-gradient($from, $to);
50 } 54 }
51 55
52 @mixin bg-light-gray-gradient { 56 @mixin bg-light-gray-gradient {
app/assets/stylesheets/sections/header.scss
  Diff comments   View file @238c214
@@ -135,9 +135,12 @@ header { @@ -135,9 +135,12 @@ header {
135 @include border-radius(5px); 135 @include border-radius(5px);
136 border: 1px solid rgba(255, 255, 255, 0.1); 136 border: 1px solid rgba(255, 255, 255, 0.1);
137 border-bottom: 0; 137 border-bottom: 0;
138 - background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 0.15)), to(rgba(0, 0, 0, 0.25))), -webkit-gradient(linear, left top, right bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(0.5, rgba(255, 255, 255, 0.1)), color-stop(0.501, rgba(255, 255, 255, 0)), color-stop(1, rgba(255, 255, 255, 0)));  
139 - background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.15), rgba(0, 0, 0, 0.25)), -moz-linear-gradient(left top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0));  
140 - background: linear-gradient(top, rgba(255, 255, 255, 0.15), rgba(0, 0, 0, 0.25)), linear-gradient(left top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0)); 138 + background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 0.15)), to(rgba(0, 0, 0, 0.25))),
  139 + -webkit-gradient(linear, left top, right bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(0.5, rgba(255, 255, 255, 0.1)), color-stop(0.501, rgba(255, 255, 255, 0)), color-stop(1, rgba(255, 255, 255, 0)));
  140 + background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.15), rgba(0, 0, 0, 0.25)),
  141 + -moz-linear-gradient(left top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0));
  142 + background: linear-gradient(top, rgba(255, 255, 255, 0.15), rgba(0, 0, 0, 0.25)),
  143 + linear-gradient(left top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0));
141 -webkit-background-origin: border-box; 144 -webkit-background-origin: border-box;
142 -moz-background-origin: border; 145 -moz-background-origin: border;
143 background-origin: border-box; } } } 146 background-origin: border-box; } } }