Browse Source

Remove vendor prefixes - handled by autoprefixer.

pull/29/head^2
Evan Theurer 12 years ago
parent
commit
8fee196c0e
  1. 10
      src/styles/components/_audiolevel.scss
  2. 18
      src/styles/components/_bar.scss
  3. 4
      src/styles/global/_animations.scss
  4. 7
      src/styles/global/_base.scss
  5. 10
      src/styles/global/_mixins.scss
  6. 2
      src/styles/global/_overlaybar.scss

10
src/styles/components/_audiolevel.scss

@ -29,11 +29,7 @@ @@ -29,11 +29,7 @@
z-index: 6;
.audio-level {
background: #9dd53a; /* Old browsers */
background: -moz-linear-gradient(top, #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9dd53a), color-stop(50%,#a1d54f), color-stop(51%,#80c217), color-stop(100%,#7cbc0a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* IE10+ */
background: gradient(linear, left top, left bottom, color-stop(0%,#9dd53a), color-stop(50%,#a1d54f), color-stop(51%,#80c217), color-stop(100%,#7cbc0a)); /* Chrome,Safari4+ */
background: linear-gradient(to bottom, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* W3C */
height: 4px;
position: absolute;
@ -41,7 +37,7 @@ @@ -41,7 +37,7 @@
left: 0;
right: 0;
width: 0;
@include border-radius(0 0 2px 2px);
@include transition(width 0.05s ease-in-out);
border-radius: 0 0 2px 2px;
transition: width 0.05s ease-in-out;
}
}

18
src/styles/components/_bar.scss

@ -29,21 +29,19 @@ @@ -29,21 +29,19 @@
}
.bar {
// without height bar jumps and disappears on reload
// use em to scale with text.
height: #{$minbarheight/$base-font-size}em;
background-color: $componentbg;
box-shadow: 0 2px 10px 0 $componentfg3;
color: $componentfg1;
font: bold 1em/40px $font-sans-serif;
// without height bar jumps and disappears on reload, use em to scale with text.
height: #{$minbarheight/$base-font-size}em;
text-align: center;
// @include adjust-leading-to(2);
@include box-shadow(0 2px 10px 0 $componentfg3);
touch-callout: none;
user-select: none;
// @include debug-vertical-alignment();
@include touch-callout(none);
@include user-select(none);
@include breakpt($breakpoint-medium) {
z-index: 40;
@include box-shadow(none);
box-shadow: none;
}
.btn {
position: relative;
@ -66,7 +64,6 @@ @@ -66,7 +64,6 @@
text-align: left;
width: 90px;
vertical-align: middle;
// @include adjust-font-size-to(11px,0.4);
span {
font-style: italic;
left: 38px;
@ -166,11 +163,10 @@ @@ -166,11 +163,10 @@
padding: 0;
text-align: center;
width: 42px;
// @include adjust-font-size-to(24px);
&:focus {
border: none;
outline: none;
@include box-shadow(0);
box-shadow: 0;
}
&:hover {
background-color: none;

4
src/styles/global/_animations.scss

@ -28,7 +28,7 @@ @@ -28,7 +28,7 @@
&.ng-hide-add {
opacity: 1;
display: block !important;
@include transition(all linear 0.5s);
transition: all linear 0.5s;
&.ng-hide-add-active {
opacity: 0;
}
@ -36,7 +36,7 @@ @@ -36,7 +36,7 @@
&.ng-hide-remove {
opacity: 0;
display: block !important;
@include transition(all linear 0.5s);
transition: all linear 0.5s;
&.ng-hide-remove-active {
opacity: 1;
}

7
src/styles/global/_base.scss

@ -25,7 +25,6 @@ body { @@ -25,7 +25,6 @@ body {
background-color: $background;
height: 100%;
font: normal $base-font-size $font-sans-serif;
// @include debug-vertical-alignment();
}
body {
@ -101,8 +100,8 @@ a { @@ -101,8 +100,8 @@ a {
right: 15%;
top: 15%;
z-index: 20000;
@include transition-property(opacity);
@include transition-duration(.5s);
transition-property: opacity;
transition-duration: .5s;
div {
color: $lighter-text;
display: block;
@ -125,7 +124,7 @@ a { @@ -125,7 +124,7 @@ a {
position: absolute;
right: 0;
top: 44px;
@include user-select(none);
user-select: none;
}
.welcome {

10
src/styles/global/_mixins.scss

@ -4,13 +4,3 @@ @@ -4,13 +4,3 @@
@content;
}
}
@mixin linear-gradient($gradient...) {
background: #9dd53a; /* Old browsers */
background: linear-gradient(to bottom, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* W3C */
background: -o-linear-gradient(top, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* IE10+ */
background: -moz-linear-gradient(top, #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9dd53a), color-stop(50%,#a1d54f), color-stop(51%,#80c217), color-stop(100%,#7cbc0a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* Chrome10+,Safari5.1+ */
}

2
src/styles/global/_overlaybar.scss

@ -27,7 +27,7 @@ @@ -27,7 +27,7 @@
position: absolute;
text-shadow: 0 0 5px black;
vertical-align: middle;
@include user-select(none);
user-select: none;
}
.overlaybar {

Loading…
Cancel
Save