| /* |
| * Copyright (c) 2014-2019 BSI Business Systems Integration AG. |
| * All rights reserved. This program and the accompanying materials |
| * are made available under the terms of the Eclipse Public License v1.0 |
| * which accompanies this distribution, and is available at |
| * http://www.eclipse.org/legal/epl-v10.html |
| * |
| * Contributors: |
| * BSI Business Systems Integration AG - initial API and implementation |
| */ |
| .switch { |
| position: absolute; |
| right: 0; |
| display: flex; |
| } |
| |
| .switch-label { |
| margin-right: 8px; |
| } |
| |
| .switch-button { |
| width: 28px; |
| position: relative; |
| padding: 8px; |
| border-radius: 8px; |
| background: @switch-background-color; |
| cursor: pointer; |
| border: solid 1px @switch-border-color; |
| |
| &:before { |
| content: ''; |
| display: block; |
| position: absolute; |
| line-height: 30px; |
| text-indent: 40px; |
| height: 14px; |
| width: 14px; |
| border-radius: 100%; |
| top: 1px; |
| left: 1px; |
| right: auto; |
| border: solid 1px @switch-button-border-color; |
| background-color: @switch-button-background-color; |
| } |
| } |
| |
| .switch-button, .switch-button:before { |
| transition: .25s ease-in-out; |
| } |
| |
| .switch-button.activated { |
| &:before { |
| border-color: @switch-button-activated-border-color; |
| background-color: @switch-button-activated-background-color; |
| left: calc(~'100% - 15.5px'); |
| } |
| } |