diff options
author | Michael Lando <ml636r@att.com> | 2017-06-09 03:19:04 +0300 |
---|---|---|
committer | Michael Lando <ml636r@att.com> | 2017-06-09 03:19:04 +0300 |
commit | ed64b5edff15e702493df21aa3230b81593e6133 (patch) | |
tree | a4cb01fdaccc34930a8db403a3097c0d1e40914b /catalog-ui/src/assets/styles/tlv-checkbox.less | |
parent | 280f8015d06af1f41a3ef12e8300801c7a5e0d54 (diff) |
[SDC-29] catalog 1707 rebase commit.
Change-Id: I43c3dc5cf44abf5da817649bc738938a3e8388c1
Signed-off-by: Michael Lando <ml636r@att.com>
Diffstat (limited to 'catalog-ui/src/assets/styles/tlv-checkbox.less')
-rw-r--r-- | catalog-ui/src/assets/styles/tlv-checkbox.less | 87 |
1 files changed, 87 insertions, 0 deletions
diff --git a/catalog-ui/src/assets/styles/tlv-checkbox.less b/catalog-ui/src/assets/styles/tlv-checkbox.less new file mode 100644 index 0000000000..9dd5873545 --- /dev/null +++ b/catalog-ui/src/assets/styles/tlv-checkbox.less @@ -0,0 +1,87 @@ +.tlv-checkbox { + font-family: clearview-book, Sans-Serif; + font-size: 14px; + display: inline-block; + + .tlv-checkbox-i { + height: 0; + /*visibility: hidden;*/ + display: none; + width: 0; + + &:checked ~ .tlv-checkbox-label, + &:checked:hover ~ .tlv-checkbox-label{ + &::before { + .tlv-sprite; + .checkbox-checked; + } + } + + &:disabled ~ .tlv-checkbox-label{ + pointer-events: none; + } + + &:hover ~ .tlv-checkbox-label{ + &::before { + .tlv-sprite; + .checkbox-hover; + } + } + } + + .tlv-checkbox-label { + /*display: inline-block;*/ + display: block; + vertical-align: middle; + + &::before { + .tlv-sprite; + .checkbox; + content: ''; + display: inline-block; + margin-right: 4px; + margin-top: -2px; + vertical-align: middle; + } + } +} + + +.tlv-radio { + font-size: 14px; + display: inline-block; + + .tlv-radio-i { + height: 0; + visibility: hidden; + width: 0; + + &:checked ~ .tlv-radio-label{ + &::before { + .tlv-sprite; + .radio-checked; + + } + } + + &:disabled ~ .tlv-radio-label{ + opacity: .6; + } + } + + .tlv-radio-label { + display: inline-block; + vertical-align: middle; + margin-bottom: 0; + + &::before { + .tlv-sprite; + .radio; + content: ''; + display: inline-block; + margin-right: 4px; + margin-top: -2px; + vertical-align: middle; + } + } +} |