[Style] Remove outdated comments

This commit is contained in:
Pete Richards 2016-04-13 17:41:24 -07:00
parent 22a5122ab7
commit b682cf8340

View File

@ -1,58 +1,42 @@
@mixin toiLineHovEffects() { @mixin toiLineHovEffects() {
//@include pulse(.25s);
&:before, &:before,
&:after { &:after {
background-color: $timeControllerToiLineColorHov; background-color: $timeControllerToiLineColorHov;
} }
} }
// Question for Charles: I believe this is unnecessary here. It
// adds more specificity to the selector and makes the later override for
// mobile styling also require more specificity. Without knowing whether or
// not there is a specific reason this specifier is used, I won't remove it.
.l-time-controller { .l-time-controller {
$minW: 500px; $minW: 500px;
$knobHOffset: 0px; $knobHOffset: 0px;
$knobM: ($sliderKnobW + $knobHOffset) * -1; $knobM: ($sliderKnobW + $knobHOffset) * -1;
$rangeValPad: $interiorMargin; $rangeValPad: $interiorMargin;
$rangeValOffset: $sliderKnobW; $rangeValOffset: $sliderKnobW;
//$knobCr: $sliderKnobW;
$timeRangeSliderLROffset: 130px + $sliderKnobW + $rangeValOffset; $timeRangeSliderLROffset: 130px + $sliderKnobW + $rangeValOffset;
$r1H: nth($ueTimeControlH,1); $r1H: nth($ueTimeControlH,1);
$r2H: nth($ueTimeControlH,2); $r2H: nth($ueTimeControlH,2);
$r3H: nth($ueTimeControlH,3); $r3H: nth($ueTimeControlH,3);
//@include absPosDefault();
//@include test();
display: block; display: block;
//top: auto;
height: $r1H + $r2H + $r3H + ($interiorMargin * 2); height: $r1H + $r2H + $r3H + ($interiorMargin * 2);
min-width: $minW; min-width: $minW;
font-size: 0.8rem; font-size: 0.8rem;
.l-time-range-inputs-holder,
.l-time-range-slider {
//font-size: 0.8em;
}
.l-time-range-inputs-holder, .l-time-range-inputs-holder,
.l-time-range-slider-holder, .l-time-range-slider-holder,
.l-time-range-ticks-holder .l-time-range-ticks-holder
{ {
//@include test();
@include absPosDefault(0, visible); @include absPosDefault(0, visible);
box-sizing: border-box; box-sizing: border-box;
top: auto; top: auto;
} }
.l-time-range-slider, .l-time-range-slider,
.l-time-range-ticks { .l-time-range-ticks {
//@include test(red, 0.1);
@include absPosDefault(0, visible); @include absPosDefault(0, visible);
left: $timeRangeSliderLROffset; right: $timeRangeSliderLROffset; left: $timeRangeSliderLROffset; right: $timeRangeSliderLROffset;
} }
.l-time-range-inputs-holder { .l-time-range-inputs-holder {
//@include test(red);
height: $r1H; bottom: $r2H + $r3H + ($interiorMarginSm * 2); height: $r1H; bottom: $r2H + $r3H + ($interiorMarginSm * 2);
padding-top: $interiorMargin; padding-top: $interiorMargin;
border-top: 1px solid $colorInteriorBorder; border-top: 1px solid $colorInteriorBorder;
@ -74,7 +58,6 @@
} }
.l-time-range-slider-holder { .l-time-range-slider-holder {
//@include test(green);
height: $r2H; bottom: $r3H + ($interiorMarginSm * 1); height: $r2H; bottom: $r3H + ($interiorMarginSm * 1);
.range-holder { .range-holder {
box-shadow: none; box-shadow: none;
@ -86,7 +69,6 @@
$myW: 8px; $myW: 8px;
@include transform(translateX(50%)); @include transform(translateX(50%));
position: absolute; position: absolute;
//@include test();
top: 0; right: 0; bottom: 0px; left: auto; top: 0; right: 0; bottom: 0px; left: auto;
width: $myW; width: $myW;
height: auto; height: auto;
@ -101,7 +83,6 @@
// Vert line // Vert line
top: 0; right: auto; bottom: -10px; left: floor($myW/2) - 1; top: 0; right: auto; bottom: -10px; left: floor($myW/2) - 1;
width: 2px; width: 2px;
//top: 0; right: 3px; bottom: 0; left: 3px;
} }
&:after { &:after {
// Circle element // Circle element
@ -118,7 +99,6 @@
} }
} }
&:not(:active) { &:not(:active) {
//@include test(#ff00cc);
.knob, .knob,
.range { .range {
@include transition-property(left, right); @include transition-property(left, right);
@ -159,7 +139,6 @@
.knob { .knob {
z-index: 2; z-index: 2;
.range-value { .range-value {
//@include test($sliderColorRange);
@include trans-prop-nice-fade(.25s); @include trans-prop-nice-fade(.25s);
padding: 0 $rangeValOffset; padding: 0 $rangeValOffset;
position: absolute; position: absolute;
@ -171,7 +150,6 @@
color: $sliderColorKnobHov; color: $sliderColorKnobHov;
} }
&.knob-l { &.knob-l {
//border-bottom-left-radius: $knobCr; // MOVED TO _CONTROLS.SCSS
margin-left: $knobM; margin-left: $knobM;
.range-value { .range-value {
text-align: right; text-align: right;
@ -179,7 +157,6 @@
} }
} }
&.knob-r { &.knob-r {
//border-bottom-right-radius: $knobCr;
margin-right: $knobM; margin-right: $knobM;
.range-value { .range-value {
left: $rangeValOffset; left: $rangeValOffset;
@ -198,12 +175,7 @@
} }
//.slot.range-holder {
// background-color: $sliderColorRangeHolder;
//}
.s-time-range-val { .s-time-range-val {
//@include test();
border-radius: $controlCr; border-radius: $controlCr;
background-color: $colorInputBg; background-color: $colorInputBg;
padding: 1px 1px 0 $interiorMargin; padding: 1px 1px 0 $interiorMargin;
@ -295,7 +267,7 @@
height: 17px; height: 17px;
.l-time-range-inputs-holder { .l-time-range-inputs-holder {
bottom: -7px; // 24 to -> -7 = -31px bottom: -7px;
left: -5px; left: -5px;
} }
@ -322,7 +294,7 @@
height: 17px; height: 17px;
.l-time-range-inputs-holder { .l-time-range-inputs-holder {
bottom: -7px; // 24 to -> -7 = -31px bottom: -7px;
} }
.l-time-domain-selector { .l-time-domain-selector {