> button, .button {
border-top: $button-group-border-width solid;
border-color: rgba(255, 255, 255, 0.5);
- border-left-width: 0px;
+ border-left-width: 0;
margin:0;
display: block;
}
$button-function-factor: -20% !default;
// We use these to control button border styles.
-$button-border-width: 0px !default;
+$button-border-width: 0 !default;
$button-border-style: solid !default;
$button-bg-color: $primary-color !default;
$button-bg-hover: scale-color($button-bg-color, $lightness: $button-function-factor) !default;
// We use this mixin to style select elements
@mixin form-select {
-webkit-appearance: none !important;
- border-radius: 0px;
+ border-radius: 0;
background-color: $select-bg-color;
// Hide the dropdown arrow shown in newer IE versions
/* We use this to get basic styling on all basic form elements */
#{text-inputs(all, 'input')} {
-webkit-appearance: none;
- border-radius: 0px;
+ border-radius: 0;
@include form-element;
@if $input-include-glowing-effect == false {
@include single-transition(all, 0.15s, linear);
input[type="submit"] {
-webkit-appearance: none;
- border-radius: 0px;
+ border-radius: 0;
}
/* Respect enforced amount of rows for textarea */
}
box-shadow:
- 0 0px 0 $thickness $color,
+ 0 0 0 $thickness $color,
0 $gap + $thickness 0 $thickness $color,
0 (2 * $gap + 2*$thickness) 0 $thickness $color;
width: $width;
}
span:hover:after {
box-shadow:
- 0 0px 0 $thickness $hover-color,
+ 0 0 0 $thickness $hover-color,
0 $gap + $thickness 0 $thickness $hover-color,
0 (2 * $gap + 2*$thickness) 0 $thickness $hover-color;
}
}
}
-
+
.orbit-container {
overflow: hidden;
width: 100%;
& > span {
display: none;
position: absolute;
- top: 0px;
+ top: 0;
#{$opposite-direction}: 0;
width: 11px;
height: 14px;
border-top: none;
border-bottom: none;
}
-
+
// Pause button
&.paused {
& > span {
#{$opposite-direction}: -4px;
- top: 0px;
+ top: 0;
width: 11px;
height: 14px;
border: inset 8px;
border-left-style: solid;
border-color: transparent;
border-left-color: $white;
- &.dark {
+ &.dark {
border-left-color: $oil;
}
}
}
}
-
-
+
+
&:hover .orbit-timer > span { display: block; }
span::after {
// Shh, don't tell, but box-shadows create the menu icon :)
// Change the color of the bars when the menu is expanded, using given thickness from hamburger() above
- box-shadow: 0 0px 0 1px $topbar-menu-icon-color-toggled,
+ box-shadow: 0 0 0 1px $topbar-menu-icon-color-toggled,
0 7px 0 1px $topbar-menu-icon-color-toggled,
0 14px 0 1px $topbar-menu-icon-color-toggled;
}