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 @@
z-index: 6; z-index: 6;
.audio-level { .audio-level {
background: #9dd53a; /* Old browsers */ background: #9dd53a; /* Old browsers */
background: -moz-linear-gradient(top, #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%); /* FF3.6+ */ 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: -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: linear-gradient(to bottom, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* W3C */ background: linear-gradient(to bottom, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* W3C */
height: 4px; height: 4px;
position: absolute; position: absolute;
@ -41,7 +37,7 @@
left: 0; left: 0;
right: 0; right: 0;
width: 0; width: 0;
@include border-radius(0 0 2px 2px); border-radius: 0 0 2px 2px;
@include transition(width 0.05s ease-in-out); transition: width 0.05s ease-in-out;
} }
} }

18
src/styles/components/_bar.scss

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

4
src/styles/global/_animations.scss

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

7
src/styles/global/_base.scss

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

10
src/styles/global/_mixins.scss

@ -4,13 +4,3 @@
@content; @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 @@
position: absolute; position: absolute;
text-shadow: 0 0 5px black; text-shadow: 0 0 5px black;
vertical-align: middle; vertical-align: middle;
@include user-select(none); user-select: none;
} }
.overlaybar { .overlaybar {

Loading…
Cancel
Save