.bar-button-label.clock { color: if($bar-buttons-monochrome, $bar-buttons-text, $bar-buttons-clock-text); margin-left: $bar-buttons-clock-spacing; } .bar-button-icon.clock { font-size: 1.2em; color: if($bar-buttons-monochrome, $bar-buttons-icon, $bar-buttons-clock-icon); } .style2 { .bar-button-icon.clock { border-top-left-radius: $bar-buttons-radius; border-bottom-left-radius: $bar-buttons-radius; background: if($bar-buttons-monochrome, $bar-buttons-icon, $bar-buttons-clock-icon_background); padding: $bar-buttons-padding_y 0em; padding-left: $bar-buttons-padding_x; padding-right: $bar-buttons-clock-spacing; border-top-left-radius: if( $bar-buttons-clock-enableBorder or $bar-buttons-enableBorders, $bar-buttons-radius * 0.4, $bar-buttons-radius ); border-bottom-left-radius: if( $bar-buttons-clock-enableBorder or $bar-buttons-enableBorders, $bar-buttons-radius * 0.4, $bar-buttons-radius ); } .bar-button-label.clock { padding: $bar-buttons-padding_y 0em; padding-right: $bar-buttons-padding_x; padding-left: $bar-buttons-clock-spacing; margin-left: 0em; } &.no-label.clock-container { .bar-button-icon.clock { border-top-right-radius: if( $bar-buttons-clock-enableBorder or $bar-buttons-enableBorders, $bar-buttons-radius * 0.4, $bar-buttons-radius ); border-bottom-right-radius: if( $bar-buttons-clock-enableBorder or $bar-buttons-enableBorders, $bar-buttons-radius * 0.4, $bar-buttons-radius ); } } } .bar_item_box_visible.clock { border: if( $bar-buttons-clock-enableBorder or $bar-buttons-enableBorders, $bar-buttons-borderSize solid if($bar-buttons-monochrome, $bar-buttons-icon, $bar-buttons-clock-border), 0em ); }