@egovernments/digit-ui-components-css 0.2.0-beta.12 → 0.2.0-beta.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.css +78 -1
- package/dist/index.min.css +2 -2
- package/package.json +1 -1
- package/src/digitv2/components/toggleV2.scss +70 -1
package/dist/index.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* @egovernments/digit-ui-components-css - 0.2.0-beta.
|
|
2
|
+
* @egovernments/digit-ui-components-css - 0.2.0-beta.13
|
|
3
3
|
*
|
|
4
4
|
* Copyright (c) 2025 Jagankumar <jagan.kumar@egovernments.org>
|
|
5
5
|
*
|
|
@@ -7783,6 +7783,83 @@ img {
|
|
|
7783
7783
|
color: #c5c5c5;
|
|
7784
7784
|
padding: .5rem .75rem; }
|
|
7785
7785
|
|
|
7786
|
+
.digit-toggle-toolbar.vertical-toggle {
|
|
7787
|
+
display: -webkit-box;
|
|
7788
|
+
display: -ms-flexbox;
|
|
7789
|
+
display: flex;
|
|
7790
|
+
-webkit-box-orient: vertical;
|
|
7791
|
+
-webkit-box-direction: normal;
|
|
7792
|
+
-ms-flex-direction: column;
|
|
7793
|
+
flex-direction: column;
|
|
7794
|
+
-webkit-box-align: stretch;
|
|
7795
|
+
-ms-flex-align: stretch;
|
|
7796
|
+
align-items: stretch; }
|
|
7797
|
+
|
|
7798
|
+
.digit-toggle-toolbar.vertical-toggle .toggle-option-container {
|
|
7799
|
+
width: -webkit-fit-content !important;
|
|
7800
|
+
width: -moz-fit-content !important;
|
|
7801
|
+
width: fit-content !important;
|
|
7802
|
+
max-width: 100% !important; }
|
|
7803
|
+
|
|
7804
|
+
.digit-toggle-toolbar.vertical-toggle .digit-toggle-btn-wrap {
|
|
7805
|
+
-webkit-box-sizing: border-box;
|
|
7806
|
+
box-sizing: border-box;
|
|
7807
|
+
display: -webkit-box;
|
|
7808
|
+
display: -ms-flexbox;
|
|
7809
|
+
display: flex;
|
|
7810
|
+
-webkit-box-align: center;
|
|
7811
|
+
-ms-flex-align: center;
|
|
7812
|
+
align-items: center;
|
|
7813
|
+
-webkit-box-pack: center;
|
|
7814
|
+
-ms-flex-pack: center;
|
|
7815
|
+
justify-content: center;
|
|
7816
|
+
padding: .75rem;
|
|
7817
|
+
background-color: #fff;
|
|
7818
|
+
border: 1px solid #d6d6d6;
|
|
7819
|
+
cursor: pointer;
|
|
7820
|
+
-webkit-transition: all .2s ease;
|
|
7821
|
+
transition: all .2s ease;
|
|
7822
|
+
width: 8.5rem !important;
|
|
7823
|
+
min-width: 6.25rem;
|
|
7824
|
+
height: 8.125rem; }
|
|
7825
|
+
|
|
7826
|
+
.vertical-toggle .toggle-option-container:first-child .digit-toggle-btn-wrap {
|
|
7827
|
+
border-top-left-radius: .5rem;
|
|
7828
|
+
border-top-right-radius: .5rem; }
|
|
7829
|
+
|
|
7830
|
+
.vertical-toggle .toggle-option-container:last-child .digit-toggle-btn-wrap {
|
|
7831
|
+
border-bottom-left-radius: .5rem;
|
|
7832
|
+
border-bottom-right-radius: .5rem; }
|
|
7833
|
+
|
|
7834
|
+
.digit-toggle-toolbar.vertical-toggle .digit-toggle-btn-wrap.checked {
|
|
7835
|
+
border: 2px solid #c84c0e;
|
|
7836
|
+
background-color: #fff !important;
|
|
7837
|
+
color: #c84c0e;
|
|
7838
|
+
width: 9rem !important;
|
|
7839
|
+
-webkit-transform: scaleX(1.05);
|
|
7840
|
+
transform: scaleX(1.05); }
|
|
7841
|
+
|
|
7842
|
+
.digit-toggle-toolbar.vertical-toggle .digit-toggle-label {
|
|
7843
|
+
font-weight: 700;
|
|
7844
|
+
font-size: [object Object];
|
|
7845
|
+
text-align: center;
|
|
7846
|
+
width: 100%;
|
|
7847
|
+
background-color: #fff;
|
|
7848
|
+
color: #0b4b66; }
|
|
7849
|
+
|
|
7850
|
+
.digit-toggle-input {
|
|
7851
|
+
display: none; }
|
|
7852
|
+
|
|
7853
|
+
.vertical-toggle .digit-toggle-btn-wrap input:checked + .digit-toggle-label, .vertical-toggle .digit-toggle-btn-wrap .digit-checkbox-container .input-emp:checked + .digit-toggle-label, .digit-checkbox-container .vertical-toggle .digit-toggle-btn-wrap .input-emp:checked + .digit-toggle-label {
|
|
7854
|
+
background-color: #fff !important;
|
|
7855
|
+
color: #c84c0e !important;
|
|
7856
|
+
border-bottom-right-radius: .5rem;
|
|
7857
|
+
border-top-right-radius: .5rem; }
|
|
7858
|
+
|
|
7859
|
+
.vertical-toggle .digit-toggle-btn-wrap.checked {
|
|
7860
|
+
border-bottom-right-radius: .5rem;
|
|
7861
|
+
border-top-right-radius: .5rem; }
|
|
7862
|
+
|
|
7786
7863
|
.digit-tree-select-options-container.first-level:nth-of-type(2n) .digit-tree-multiselect-option.level-0:not(.checked), .digit-tree-select-options-container.first-level:nth-of-type(2n) .digit-tree-select-option.level-0 {
|
|
7787
7864
|
background-color: #fafafa; }
|
|
7788
7865
|
|