aboutsummaryrefslogtreecommitdiffstats
path: root/catalog-ui/src/assets/styles/tlv-checkbox.less
diff options
context:
space:
mode:
authorMichael Lando <ml636r@att.com>2017-06-09 03:19:04 +0300
committerMichael Lando <ml636r@att.com>2017-06-09 03:19:04 +0300
commited64b5edff15e702493df21aa3230b81593e6133 (patch)
treea4cb01fdaccc34930a8db403a3097c0d1e40914b /catalog-ui/src/assets/styles/tlv-checkbox.less
parent280f8015d06af1f41a3ef12e8300801c7a5e0d54 (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.less87
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;
+ }
+ }
+}