@vc-shell/framework 1.1.2 → 1.1.4
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/CHANGELOG.md +18 -0
- package/dist/apl-B2DGVGxc.js +76 -0
- package/dist/asciiarmor-2LVJmxlE.js +34 -0
- package/dist/asn1-jKiBa2Ya.js +95 -0
- package/dist/asterisk-DS281yxp.js +271 -0
- package/dist/brainfuck-C_p9pTT8.js +34 -0
- package/dist/clike-BUuHEmgZ.js +620 -0
- package/dist/clojure-CCKyeQKf.js +800 -0
- package/dist/cmake-CuaCgAKt.js +28 -0
- package/dist/cobol-BlTKFDRj.js +72 -0
- package/dist/coffeescript-BVCvwO8I.js +179 -0
- package/dist/commonlisp-D_kxz07b.js +75 -0
- package/dist/crystal-D309uH6_.js +217 -0
- package/dist/css-bIlmDBTK.js +1560 -0
- package/dist/cypher-BMq4Fwjl.js +68 -0
- package/dist/d-BZcgY6La.js +127 -0
- package/dist/diff-Cg9d_RX2.js +18 -0
- package/dist/{assets/dockerfile-D0MivFIF.js → dockerfile-DIy8NleC.js} +36 -41
- package/dist/dtd-CtLokQ-U.js +84 -0
- package/dist/dylan-QYeExnWK.js +234 -0
- package/dist/ebnf-DUPDuY4r.js +78 -0
- package/dist/ecl-CiXN-g_D.js +121 -0
- package/dist/eiffel-yQhjl4T1.js +110 -0
- package/dist/elm-CNT9vbN0.js +108 -0
- package/dist/erlang-CFOYdy9e.js +487 -0
- package/dist/factor-DDOC7X6P.js +65 -0
- package/dist/fcl-CPC2WYrI.js +103 -0
- package/dist/forth-BmxRyE9S.js +60 -0
- package/dist/fortran-9bvPyrOW.js +442 -0
- package/dist/framework.js +288 -29
- package/dist/gas-BdfkXJT_.js +183 -0
- package/dist/gherkin-CJuwpceU.js +34 -0
- package/dist/groovy-DZeT_VM-.js +146 -0
- package/dist/haskell-Bvt3Qq1t.js +375 -0
- package/dist/haxe-70NVW1pR.js +359 -0
- package/dist/http-D9LttvKF.js +44 -0
- package/dist/idl-B6TRFYjl.js +947 -0
- package/dist/{assets/index-BKF-A58l.js → index-BBYKbiRX.js} +79 -92
- package/dist/index-BDm0tcWn.js +145680 -0
- package/dist/{assets/index-CeeaNa4F.js → index-BDqUaIyQ.js} +136 -167
- package/dist/index-BdflTsg6.js +308 -0
- package/dist/{assets/index-CtmpJVwa.js → index-BpBTtmQ6.js} +270 -312
- package/dist/index-Br0y2YMn.js +58 -0
- package/dist/index-CIcET-ZI.js +71 -0
- package/dist/index-CYAMpxnu.js +341 -0
- package/dist/index-Cf2H7YZ1.js +98 -0
- package/dist/{assets/index-Bv_z_qRq.js → index-Ck055pN8.js} +121 -124
- package/dist/index-D-fPN3yf.js +75 -0
- package/dist/{assets/index-BT8o9-M5.js → index-DJOis7Nc.js} +267 -386
- package/dist/index-DKtQMsy4.js +538 -0
- package/dist/{assets/index-DMTL7O1s.js → index-DWTsz5bC.js} +570 -586
- package/dist/{assets/index-C7zlEJy8.js → index-DuY7BIGm.js} +229 -302
- package/dist/{assets/index-B1srGfDb.js → index-o6aSdNED.js} +119 -165
- package/dist/index-wfv8ehcx.js +249 -0
- package/dist/index.css +9 -18
- package/dist/javascript-WMWNx-Vj.js +690 -0
- package/dist/jinja2-DnB6dQmV.js +154 -0
- package/dist/julia-DpvXAuO6.js +241 -0
- package/dist/livescript-CanGTf8u.js +272 -0
- package/dist/lua-XplVlWi_.js +217 -0
- package/dist/mathematica-jaRHnSxC.js +35 -0
- package/dist/mbox-BctzC1hL.js +76 -0
- package/dist/mirc-CFBPAOaF.js +72 -0
- package/dist/mllike-BSnXJBGA.js +272 -0
- package/dist/modelica-vUgVs--1.js +93 -0
- package/dist/mscgen-Cpl0NYLN.js +104 -0
- package/dist/mumps-CQoS1kWX.js +25 -0
- package/dist/nginx-zDPm3Z74.js +89 -0
- package/dist/nsis-fePjrhq7.js +62 -0
- package/dist/ntriples-CsNjv2QF.js +79 -0
- package/dist/octave-C8PmmSRH.js +143 -0
- package/dist/oz-Ce8aN8oE.js +151 -0
- package/dist/pascal-De0D6mP7.js +77 -0
- package/dist/perl-B4bSCe1C.js +915 -0
- package/dist/pig-D24Z8EXi.js +54 -0
- package/dist/powershell-DkYVfTzP.js +249 -0
- package/dist/properties-Dn9wna3M.js +26 -0
- package/dist/protobuf-BPIjwpzm.js +49 -0
- package/dist/pug-BqUR2bBq.js +248 -0
- package/dist/puppet-nyd4dhjf.js +45 -0
- package/dist/python-B5QdSKoL.js +313 -0
- package/dist/q-DXjKs-tC.js +83 -0
- package/dist/r-LKEuhEGI.js +104 -0
- package/dist/rpm-IznJm2Xc.js +57 -0
- package/dist/ruby-CcYfvIk6.js +228 -0
- package/dist/sas-7E8yHoCW.js +105 -0
- package/dist/scheme-DjibxsNh.js +124 -0
- package/dist/shell-C0C2sNA_.js +182 -0
- package/dist/sieve-Bwz7vjP5.js +72 -0
- package/dist/simple-mode-B0dvCdAA.js +89 -0
- package/dist/smalltalk-Bhddl2pB.js +48 -0
- package/dist/solr-BNlsLglM.js +41 -0
- package/dist/sparql-FarWu_Gb.js +197 -0
- package/dist/spreadsheet-C-cy4P5N.js +49 -0
- package/dist/sql-mMre1Bo3.js +282 -0
- package/dist/stex-92raWT1r.js +129 -0
- package/dist/stylus-CAdqWld3.js +250 -0
- package/dist/swift-DSxqR9R6.js +230 -0
- package/dist/tcl-xfoLljhY.js +81 -0
- package/dist/textile-D1AWE-pc.js +295 -0
- package/dist/tiddlywiki-5wqsXtSk.js +155 -0
- package/dist/tiki-__Kn3CeS.js +181 -0
- package/dist/toml-BHiuTcfn.js +49 -0
- package/dist/troff-D2UO-fKf.js +35 -0
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/dist/ttcn-Bsa4sfRm.js +123 -0
- package/dist/ttcn-cfg-Bac_acMi.js +88 -0
- package/dist/turtle-xwJUxoPV.js +80 -0
- package/dist/ui/components/atoms/vc-widget/vc-widget.vue.d.ts.map +1 -1
- package/dist/ui/components/organisms/vc-blade/_internal/vc-blade-toolbar/vc-blade-toolbar.vue.d.ts.map +1 -1
- package/dist/vb-c2kQGd6-.js +74 -0
- package/dist/vbscript-Dz1TtKsy.js +324 -0
- package/dist/velocity-DJd0pTTC.js +96 -0
- package/dist/verilog-C4VGD9n1.js +263 -0
- package/dist/vhdl-T9HkrbI2.js +106 -0
- package/dist/webidl-CjfDENEo.js +155 -0
- package/dist/xquery-BUQdORAS.js +422 -0
- package/dist/yacas-C0absKBh.js +73 -0
- package/dist/z80-C8rPtw-0.js +61 -0
- package/package.json +4 -4
- package/ui/components/atoms/vc-widget/vc-widget.vue +2 -0
- package/ui/components/organisms/vc-blade/_internal/vc-blade-toolbar/vc-blade-toolbar.vue +65 -32
- package/dist/assets/apl-NdZ6-T1z.js +0 -142
- package/dist/assets/asciiarmor-CmJEbAuq.js +0 -56
- package/dist/assets/asn1-Ctc8K72v.js +0 -192
- package/dist/assets/asterisk-D6r__RMF.js +0 -187
- package/dist/assets/brainfuck-COwWCBpq.js +0 -70
- package/dist/assets/clike-C-PtfL50.js +0 -1019
- package/dist/assets/clojure-C2XPrGCa.js +0 -274
- package/dist/assets/cmake-BGrEgXCL.js +0 -81
- package/dist/assets/cobol-DShPmpZe.js +0 -234
- package/dist/assets/coffeescript-BG8vTfSz.js +0 -329
- package/dist/assets/commonlisp-8oE2EpEe.js +0 -108
- package/dist/assets/core-api-BMLS9FrT.js +0 -8288
- package/dist/assets/core-composables-DYxpIWyY.js +0 -1799
- package/dist/assets/core-constants-DiKDBbnD.js +0 -83
- package/dist/assets/core-directives-QhJx9kWh.js +0 -41
- package/dist/assets/core-interceptors-CSjUvxQ0.js +0 -78
- package/dist/assets/core-plugins-wv2bDZ0l.js +0 -4919
- package/dist/assets/core-services-CAfJRsjs.js +0 -4
- package/dist/assets/core-utilities-BTktq_a-.js +0 -33
- package/dist/assets/crystal--rIRMl16.js +0 -419
- package/dist/assets/css/core-directives-FL4vIIkN.css +0 -73
- package/dist/assets/css/fonts-M1mtyV8L.css +0 -305
- package/dist/assets/css/icons-css-DbCVsovz.css +0 -41
- package/dist/assets/css/shared-components-bnLHdCtf.css +0 -429
- package/dist/assets/css/shared-modules-CNOICmYQ.css +0 -45
- package/dist/assets/css/styles-C62nDZwV.css +0 -4096
- package/dist/assets/css/ui-app-Bh9hmlIB.css +0 -1287
- package/dist/assets/css/ui-content-B29jsmK7.css +0 -1187
- package/dist/assets/css/ui-controls-CRtfFczw.css +0 -387
- package/dist/assets/css/ui-data-CYLxfdUa.css +0 -1555
- package/dist/assets/css/ui-form-C3WrWfVl.css +0 -71
- package/dist/assets/css/ui-form-fields-DOtHhDeM.css +0 -1360
- package/dist/assets/css/ui-helpers-bOoNv5dS.css +0 -37
- package/dist/assets/css/ui-indicators-CybQnCoU.css +0 -628
- package/dist/assets/css/ui-layout-DyGKgizy.css +0 -251
- package/dist/assets/css/ui-media-TWYep8js.css +0 -298
- package/dist/assets/css/ui-media-advanced-BGxy3VSB.css +0 -183
- package/dist/assets/css/ui-navigation-DcPRn8SB.css +0 -1693
- package/dist/assets/css-C_ZeEwz2.js +0 -847
- package/dist/assets/cypher-Bayei42D.js +0 -122
- package/dist/assets/d-B0hhz6be.js +0 -205
- package/dist/assets/diff-DQutOIXs.js +0 -30
- package/dist/assets/dtd-C1CeYVnM.js +0 -121
- package/dist/assets/dylan-Dm9-uD-A.js +0 -337
- package/dist/assets/ebnf-jWG_1Yly.js +0 -151
- package/dist/assets/ecl-CgJPA6z9.js +0 -190
- package/dist/assets/eiffel-lj7uLahq.js +0 -146
- package/dist/assets/elm-Cz7o1ijk.js +0 -230
- package/dist/assets/erlang-CyL5QOyR.js +0 -581
- package/dist/assets/factor-BVWHwYpu.js +0 -65
- package/dist/assets/fcl-DiozYjc8.js +0 -154
- package/dist/assets/forth-B7vn5ze0.js +0 -164
- package/dist/assets/fortran-D2XNEnBT.js +0 -172
- package/dist/assets/gas-B_Tj57Ve.js +0 -343
- package/dist/assets/gherkin-CJ6Qk4EZ.js +0 -147
- package/dist/assets/groovy-ioGz2WSV.js +0 -228
- package/dist/assets/haskell-BHnm1B83.js +0 -239
- package/dist/assets/haxe-Bn6Yo6N3.js +0 -490
- package/dist/assets/http-BOd5SYCT.js +0 -89
- package/dist/assets/idl-FSFk8_xX.js +0 -274
- package/dist/assets/index--5fKpGeN.js +0 -792
- package/dist/assets/index-0lME64YH.js +0 -342
- package/dist/assets/index-B6Ip0FgO.js +0 -437
- package/dist/assets/index-BmV05E5M.js +0 -479
- package/dist/assets/index-C6MavZDA.js +0 -131
- package/dist/assets/index-CwKpgcYl.js +0 -85
- package/dist/assets/index-DRUmDL0J.js +0 -59
- package/dist/assets/index-DgFC-M9G.js +0 -96
- package/dist/assets/javascript-DGrAs70C.js +0 -922
- package/dist/assets/jinja2-D9k5QrXv.js +0 -171
- package/dist/assets/julia-DM42tOPB.js +0 -369
- package/dist/assets/livescript-Dci8HnOi.js +0 -259
- package/dist/assets/lua-CByQu4v6.js +0 -137
- package/dist/assets/lucide-icons-af0BY3bi.js +0 -34555
- package/dist/assets/mathematica-Dkv0uCYF.js +0 -153
- package/dist/assets/mbox-CYTvs5kC.js +0 -114
- package/dist/assets/mirc-DpgP3GCo.js +0 -176
- package/dist/assets/mllike-C6tNn2Yt.js +0 -343
- package/dist/assets/modelica-CR6hTSce.js +0 -192
- package/dist/assets/mscgen-D0GXtzMS.js +0 -149
- package/dist/assets/mumps-Bf1EyDa6.js +0 -129
- package/dist/assets/nginx-By9Phklj.js +0 -163
- package/dist/assets/nsis-B5ggMLQ9.js +0 -80
- package/dist/assets/ntriples-C7VJ7pnm.js +0 -141
- package/dist/assets/octave-6yR_ix15.js +0 -112
- package/dist/assets/oz-CEUnktiQ.js +0 -235
- package/dist/assets/pascal-Dksf1EyF.js +0 -124
- package/dist/assets/perl-B99DUQQt.js +0 -819
- package/dist/assets/pig-DFeDRta6.js +0 -149
- package/dist/assets/powershell-DhwsNWMx.js +0 -381
- package/dist/assets/properties-o21uErwC.js +0 -62
- package/dist/assets/protobuf-YxlANsmD.js +0 -54
- package/dist/assets/pug-bUgjeODZ.js +0 -504
- package/dist/assets/puppet-B8WICGYE.js +0 -205
- package/dist/assets/python-D3FFx1Id.js +0 -389
- package/dist/assets/q-D2Hjhl2C.js +0 -123
- package/dist/assets/r-D73k5lac.js +0 -174
- package/dist/assets/rpm-Duv_WH0z.js +0 -89
- package/dist/assets/ruby-DGCVqZDt.js +0 -287
- package/dist/assets/sas-XjPv1Vy5.js +0 -268
- package/dist/assets/scheme-DeaA28vt.js +0 -263
- package/dist/assets/shared-components-CfAt2hC6.js +0 -1501
- package/dist/assets/shared-composables-v9NkNuAe.js +0 -35
- package/dist/assets/shared-modules-CDP-H5ZB.js +0 -3588
- package/dist/assets/shared-pages-BGRRA5WB.js +0 -20
- package/dist/assets/shell-Bx6QZTgx.js +0 -145
- package/dist/assets/sieve-CWCD62sW.js +0 -178
- package/dist/assets/simple-mode-BAO9cD7H.js +0 -136
- package/dist/assets/smalltalk-DSQbF4MF.js +0 -153
- package/dist/assets/solr-v_XRf31C.js +0 -80
- package/dist/assets/sparql-BrfDqf0-.js +0 -170
- package/dist/assets/spreadsheet-Csn84Pef.js +0 -98
- package/dist/assets/sql-D4utlq1l.js +0 -480
- package/dist/assets/stex-DBkktma-.js +0 -246
- package/dist/assets/stylus-ByG-Fd6f.js +0 -750
- package/dist/assets/swift-CHbTprt3.js +0 -202
- package/dist/assets/tcl-BRlMUELr.js +0 -125
- package/dist/assets/textile-CqfTUjd4.js +0 -441
- package/dist/assets/tiddlywiki-BrsoM8KB.js +0 -278
- package/dist/assets/tiki-D-ivWPkc.js +0 -289
- package/dist/assets/toml-t_IhJu83.js +0 -75
- package/dist/assets/troff-DckGF2AE.js +0 -64
- package/dist/assets/ttcn-B8TAFbRR.js +0 -253
- package/dist/assets/ttcn-cfg-NHh25oCM.js +0 -197
- package/dist/assets/turtle-D9Js0BlL.js +0 -141
- package/dist/assets/ui-app-D31Pr1WY.js +0 -1993
- package/dist/assets/ui-content-B7SxH8y9.js +0 -52887
- package/dist/assets/ui-controls-nmDJYLmC.js +0 -348
- package/dist/assets/ui-data-Ci3b1ye0.js +0 -22901
- package/dist/assets/ui-form-Cs5ooOo7.js +0 -159
- package/dist/assets/ui-form-fields-DFQi31jT.js +0 -40575
- package/dist/assets/ui-helpers-CF-EUlOg.js +0 -1736
- package/dist/assets/ui-indicators-mIQeEqha.js +0 -199
- package/dist/assets/ui-layout-v2XBQky3.js +0 -320
- package/dist/assets/ui-media-WWYrwmZw.js +0 -1259
- package/dist/assets/ui-media-advanced-T8ibi153.js +0 -492
- package/dist/assets/ui-modals-BdZXzI85.js +0 -2
- package/dist/assets/ui-navigation-BtHa6ovW.js +0 -24269
- package/dist/assets/utils-DZK5fu48.js +0 -17216
- package/dist/assets/vb-CbIGLrpY.js +0 -249
- package/dist/assets/vbscript-8ANWle9n.js +0 -320
- package/dist/assets/velocity-D6hz3Hzw.js +0 -186
- package/dist/assets/verilog-DIV442at.js +0 -565
- package/dist/assets/vhdl-BlTiZo_v.js +0 -174
- package/dist/assets/vueuse-CTQm4Zh0.js +0 -9308
- package/dist/assets/webidl-Cp3tcqdk.js +0 -179
- package/dist/assets/xquery-Dd4TBzXv.js +0 -411
- package/dist/assets/yacas-DQ1WucF0.js +0 -182
- package/dist/assets/z80-P1j44jDI.js +0 -102
|
@@ -1,251 +0,0 @@
|
|
|
1
|
-
:root {
|
|
2
|
-
--card-background: var(--additional-50);
|
|
3
|
-
--card-border-radius: 6px;
|
|
4
|
-
--card-header-background: var(--secondary-50);
|
|
5
|
-
--card-header-color: var(--secondary-950);
|
|
6
|
-
--card-header-background-success: var(--success-100);
|
|
7
|
-
--card-header-background-danger: var(--danger-100);
|
|
8
|
-
--card-header-color-success: var(--success-600);
|
|
9
|
-
--card-header-color-danger: var(--danger-600);
|
|
10
|
-
--card-header-padding-hor: 24px;
|
|
11
|
-
--card-header-padding-vert: 17px;
|
|
12
|
-
--card-border-color: var(--neutrals-200);
|
|
13
|
-
}
|
|
14
|
-
.vc-card {
|
|
15
|
-
box-sizing: border-box;
|
|
16
|
-
display: flex;
|
|
17
|
-
flex-grow: 1;
|
|
18
|
-
flex-direction: column;
|
|
19
|
-
overflow: hidden;
|
|
20
|
-
border-radius: var(--card-border-radius);
|
|
21
|
-
border-width: 1px;
|
|
22
|
-
border-style: solid;
|
|
23
|
-
border-color: var(--card-border-color);
|
|
24
|
-
background-color: var(--card-background);
|
|
25
|
-
}
|
|
26
|
-
.vc-card__header {
|
|
27
|
-
box-sizing: border-box;
|
|
28
|
-
display: flex;
|
|
29
|
-
width: 100%;
|
|
30
|
-
align-items: center;
|
|
31
|
-
justify-content: space-between;
|
|
32
|
-
border-bottom-width: 1px;
|
|
33
|
-
border-style: solid;
|
|
34
|
-
border-color: var(--card-border-color);
|
|
35
|
-
background-color: var(--card-header-background);
|
|
36
|
-
padding-left: var(--card-header-padding-hor);
|
|
37
|
-
padding-right: var(--card-header-padding-hor);
|
|
38
|
-
padding-top: var(--card-header-padding-vert);
|
|
39
|
-
padding-bottom: var(--card-header-padding-vert);
|
|
40
|
-
}
|
|
41
|
-
.vc-card__header-content {
|
|
42
|
-
display: flex;
|
|
43
|
-
align-items: center;
|
|
44
|
-
}
|
|
45
|
-
.vc-card_collapsable .vc-card__header {
|
|
46
|
-
cursor: pointer;
|
|
47
|
-
}
|
|
48
|
-
.vc-card__title {
|
|
49
|
-
flex-grow: 1;
|
|
50
|
-
font-size: 0.875rem;
|
|
51
|
-
line-height: 1.125rem;
|
|
52
|
-
font-weight: 700;
|
|
53
|
-
text-transform: none;
|
|
54
|
-
color: var(--card-header-color);
|
|
55
|
-
}
|
|
56
|
-
.vc-card__icon {
|
|
57
|
-
margin-right: 0.75rem;
|
|
58
|
-
color: var(--card-header-color);
|
|
59
|
-
}
|
|
60
|
-
.vc-card__collapse {
|
|
61
|
-
margin-left: 0.75rem;
|
|
62
|
-
color: var(--card-header-color);
|
|
63
|
-
}
|
|
64
|
-
.vc-card__body {
|
|
65
|
-
box-sizing: border-box;
|
|
66
|
-
flex-grow: 1;
|
|
67
|
-
flex-direction: column;
|
|
68
|
-
}
|
|
69
|
-
.vc-card_success .vc-card__header {
|
|
70
|
-
background-color: var(--card-header-background-success);
|
|
71
|
-
}
|
|
72
|
-
.vc-card_success .vc-card__title {
|
|
73
|
-
color: var(--card-header-color-success);
|
|
74
|
-
}
|
|
75
|
-
.vc-card_danger .vc-card__header {
|
|
76
|
-
background-color: var(--card-header-background-danger);
|
|
77
|
-
}
|
|
78
|
-
.vc-card_danger .vc-card__title {
|
|
79
|
-
color: var(--card-header-color-danger);
|
|
80
|
-
}.vc-col {
|
|
81
|
-
display: flex;
|
|
82
|
-
min-width: 0px;
|
|
83
|
-
flex-basis: 0px;
|
|
84
|
-
flex-direction: column
|
|
85
|
-
}:root {
|
|
86
|
-
--container-overscroll-icon-color: var(--secondary-600);
|
|
87
|
-
--container-text-color: var(--neutrals-400);
|
|
88
|
-
--container-padding: 16px;
|
|
89
|
-
--container-transition-duration: 0.3s;
|
|
90
|
-
--container-transition-ease: ease-out;
|
|
91
|
-
--container-shadow-color: var(--additional-950);
|
|
92
|
-
--container-shadow-opacity: 0.1;
|
|
93
|
-
--container-shadow: 0 3px 2px rgba(var(--container-shadow-color), var(--container-shadow-opacity)) inset;
|
|
94
|
-
}
|
|
95
|
-
.vc-container {
|
|
96
|
-
position: relative;
|
|
97
|
-
box-sizing: border-box;
|
|
98
|
-
display: flex;
|
|
99
|
-
height: 100%;
|
|
100
|
-
width: 100%;
|
|
101
|
-
flex-direction: column;
|
|
102
|
-
overflow: hidden;
|
|
103
|
-
}
|
|
104
|
-
.vc-container_shadow {
|
|
105
|
-
--tw-shadow-color: var(--container-shadow);
|
|
106
|
-
--tw-shadow: var(--tw-shadow-colored);
|
|
107
|
-
}
|
|
108
|
-
.vc-container__overscroll {
|
|
109
|
-
position: absolute;
|
|
110
|
-
width: 100%;
|
|
111
|
-
transition: top var(--container-transition-duration) var(--container-transition-ease);
|
|
112
|
-
}
|
|
113
|
-
.vc-container__overscroll_touching {
|
|
114
|
-
transition: none;
|
|
115
|
-
}
|
|
116
|
-
.vc-container__status {
|
|
117
|
-
display: flex;
|
|
118
|
-
height: 100%;
|
|
119
|
-
width: 100%;
|
|
120
|
-
align-items: center;
|
|
121
|
-
justify-content: center;
|
|
122
|
-
padding-bottom: 10px;
|
|
123
|
-
}
|
|
124
|
-
.vc-container__overscroll-icon {
|
|
125
|
-
color: var(--container-overscroll-icon-color);
|
|
126
|
-
}
|
|
127
|
-
.vc-container__overscroll span {
|
|
128
|
-
margin-left: 0.5rem;
|
|
129
|
-
font-size: 0.875rem;
|
|
130
|
-
line-height: 1.125rem;
|
|
131
|
-
color: var(--container-text-color);
|
|
132
|
-
}
|
|
133
|
-
.vc-container__inner {
|
|
134
|
-
position: relative;
|
|
135
|
-
flex: 1 1 0%;
|
|
136
|
-
overflow-y: auto;
|
|
137
|
-
overflow-x: hidden;
|
|
138
|
-
transition: top var(--container-transition-duration) var(--container-transition-ease);
|
|
139
|
-
padding: var(--container-padding);
|
|
140
|
-
}
|
|
141
|
-
.vc-container__inner_touching {
|
|
142
|
-
transition: none;
|
|
143
|
-
}
|
|
144
|
-
.vc-container_nopadding .vc-container__inner {
|
|
145
|
-
padding: 0;
|
|
146
|
-
}
|
|
147
|
-
.vc-container_shadow {
|
|
148
|
-
--tw-shadow-color: var(--container-shadow);
|
|
149
|
-
--tw-shadow: var(--tw-shadow-colored);
|
|
150
|
-
}.vc-row {
|
|
151
|
-
display: flex;
|
|
152
|
-
flex-wrap: nowrap;
|
|
153
|
-
align-items: stretch
|
|
154
|
-
}
|
|
155
|
-
.vc-app_mobile .vc-row {
|
|
156
|
-
display: grid
|
|
157
|
-
}:root {
|
|
158
|
-
--widget-bg-color: transparent;
|
|
159
|
-
--widget-bg-hover-color: transparent;
|
|
160
|
-
--widget-icon-color: var(--neutrals-700);
|
|
161
|
-
--widget-icon-hover-color: var(--primary-600);
|
|
162
|
-
--widget-icon-disabled-color: var(--neutrals-400);
|
|
163
|
-
--widget-title-color: var(--neutrals-600);
|
|
164
|
-
--widget-title-hover-color: var(--primary-600);
|
|
165
|
-
--widget-title-disabled-color: var(--neutrals-400);
|
|
166
|
-
}
|
|
167
|
-
.vc-widget {
|
|
168
|
-
position: relative;
|
|
169
|
-
width: -moz-max-content;
|
|
170
|
-
width: max-content;
|
|
171
|
-
flex-shrink: 0;
|
|
172
|
-
padding-left: 0.5rem;
|
|
173
|
-
padding-right: 0.5rem;
|
|
174
|
-
box-sizing: border-box;
|
|
175
|
-
display: flex;
|
|
176
|
-
cursor: pointer;
|
|
177
|
-
flex-direction: column;
|
|
178
|
-
align-items: center;
|
|
179
|
-
justify-content: center;
|
|
180
|
-
overflow: visible;
|
|
181
|
-
background-color: var(--widget-bg-color);
|
|
182
|
-
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
|
|
183
|
-
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
184
|
-
transition-duration: 200ms;
|
|
185
|
-
}
|
|
186
|
-
.vc-widget--horizontal {
|
|
187
|
-
flex-direction: row;
|
|
188
|
-
gap: 0.5rem;
|
|
189
|
-
}
|
|
190
|
-
.vc-widget--horizontal .vc-widget__content {
|
|
191
|
-
margin-left: 0.25rem;
|
|
192
|
-
}
|
|
193
|
-
.vc-widget--horizontal .vc-widget__title {
|
|
194
|
-
margin-top: 0px;
|
|
195
|
-
white-space: nowrap;
|
|
196
|
-
text-align: left;
|
|
197
|
-
}
|
|
198
|
-
.vc-widget:hover {
|
|
199
|
-
background-color: var(--widget-bg-hover-color);
|
|
200
|
-
}
|
|
201
|
-
.vc-widget:hover .vc-widget__title {
|
|
202
|
-
color: var(--widget-title-hover-color);
|
|
203
|
-
}
|
|
204
|
-
.vc-widget:hover .vc-widget__icon {
|
|
205
|
-
color: var(--widget-icon-hover-color);
|
|
206
|
-
}
|
|
207
|
-
.vc-widget__icon-container {
|
|
208
|
-
display: flex;
|
|
209
|
-
flex-direction: column;
|
|
210
|
-
align-items: center;
|
|
211
|
-
justify-content: center;
|
|
212
|
-
}
|
|
213
|
-
.vc-widget__icon {
|
|
214
|
-
color: var(--widget-icon-color);
|
|
215
|
-
}
|
|
216
|
-
.vc-widget__content {
|
|
217
|
-
width: 100%;
|
|
218
|
-
}
|
|
219
|
-
.vc-widget__title {
|
|
220
|
-
margin-left: 0px;
|
|
221
|
-
margin-right: 0px;
|
|
222
|
-
margin-top: 0.25rem;
|
|
223
|
-
overflow: hidden;
|
|
224
|
-
display: -webkit-box;
|
|
225
|
-
-webkit-box-orient: vertical;
|
|
226
|
-
-webkit-line-clamp: 2;
|
|
227
|
-
text-align: center;
|
|
228
|
-
font-size: 0.75rem;
|
|
229
|
-
line-height: 0.875rem;
|
|
230
|
-
font-weight: 500;
|
|
231
|
-
color: var(--widget-title-color);
|
|
232
|
-
}
|
|
233
|
-
.vc-widget--disabled {
|
|
234
|
-
cursor: default;
|
|
235
|
-
background-color: var(--widget-bg-color);
|
|
236
|
-
}
|
|
237
|
-
.vc-widget--disabled .vc-widget__icon {
|
|
238
|
-
color: var(--widget-icon-disabled-color);
|
|
239
|
-
}
|
|
240
|
-
.vc-widget--disabled .vc-widget__title {
|
|
241
|
-
color: var(--widget-title-disabled-color);
|
|
242
|
-
}
|
|
243
|
-
.vc-widget--disabled:hover {
|
|
244
|
-
background-color: var(--widget-bg-color);
|
|
245
|
-
}
|
|
246
|
-
.vc-widget--disabled:hover .vc-widget__icon {
|
|
247
|
-
color: var(--widget-icon-disabled-color);
|
|
248
|
-
}
|
|
249
|
-
.vc-widget--disabled:hover .vc-widget__title {
|
|
250
|
-
color: var(--widget-title-disabled-color);
|
|
251
|
-
}
|
|
@@ -1,298 +0,0 @@
|
|
|
1
|
-
/* Base sizes */
|
|
2
|
-
:deep(.vc-icon) {
|
|
3
|
-
--icon-size-xs: 12px;
|
|
4
|
-
--icon-size-s: 14px;
|
|
5
|
-
--icon-size-m: 18px;
|
|
6
|
-
--icon-size-l: 20px;
|
|
7
|
-
--icon-size-xl: 22px;
|
|
8
|
-
--icon-size-xxl: 30px;
|
|
9
|
-
--icon-size-xxxl: 64px;
|
|
10
|
-
/* Container sizes (10% larger than icon) */
|
|
11
|
-
--icon-container-xs: calc(var(--icon-size-xs) * 1.1);
|
|
12
|
-
--icon-container-s: calc(var(--icon-size-s) * 1.1);
|
|
13
|
-
--icon-container-m: calc(var(--icon-size-m) * 1.1);
|
|
14
|
-
--icon-container-l: calc(var(--icon-size-l) * 1.1);
|
|
15
|
-
--icon-container-xl: calc(var(--icon-size-xl) * 1.1);
|
|
16
|
-
--icon-container-xxl: calc(var(--icon-size-xxl) * 1.1);
|
|
17
|
-
--icon-container-xxxl: calc(var(--icon-size-xxxl) * 1.1);
|
|
18
|
-
/* Optical adjustments for different icon libraries */
|
|
19
|
-
--material-icons-scale: 1.2; /* Material icons need to be larger */
|
|
20
|
-
--fontawesome-icons-scale: 0.9; /* FontAwesome icons need to be smaller */
|
|
21
|
-
--bootstrap-icons-scale: 1; /* Bootstrap icons are our baseline */
|
|
22
|
-
--lucide-icons-scale: 1; /* Lucide icons match bootstrap */
|
|
23
|
-
/* Colors for variants */
|
|
24
|
-
--icon-color-success: var(--success-500);
|
|
25
|
-
--icon-color-danger: var(--danger-500);
|
|
26
|
-
--icon-color-warning: var(--warning-500);
|
|
27
|
-
display: inline-flex;
|
|
28
|
-
align-items: center;
|
|
29
|
-
justify-content: center;
|
|
30
|
-
transition: color 0.2s ease-in-out;
|
|
31
|
-
/* Allow font-size to control icon size by default */
|
|
32
|
-
width: 1em;
|
|
33
|
-
height: 1em;
|
|
34
|
-
font-size: inherit;
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
/* Size classes - these can be overridden by external CSS */
|
|
38
|
-
:deep(.vc-icon_xs) {
|
|
39
|
-
font-size: var(--icon-size-xs);
|
|
40
|
-
}
|
|
41
|
-
:deep(.vc-icon_s) {
|
|
42
|
-
font-size: var(--icon-size-s);
|
|
43
|
-
}
|
|
44
|
-
:deep(.vc-icon_m) {
|
|
45
|
-
font-size: var(--icon-size-m);
|
|
46
|
-
}
|
|
47
|
-
:deep(.vc-icon_l) {
|
|
48
|
-
font-size: var(--icon-size-l);
|
|
49
|
-
}
|
|
50
|
-
:deep(.vc-icon_xl) {
|
|
51
|
-
font-size: var(--icon-size-xl);
|
|
52
|
-
}
|
|
53
|
-
:deep(.vc-icon_xxl) {
|
|
54
|
-
font-size: var(--icon-size-xxl);
|
|
55
|
-
}
|
|
56
|
-
:deep(.vc-icon_xxxl) {
|
|
57
|
-
font-size: var(--icon-size-xxxl);
|
|
58
|
-
}
|
|
59
|
-
.vc-icon-container {
|
|
60
|
-
display: flex;
|
|
61
|
-
align-items: center;
|
|
62
|
-
justify-content: center;
|
|
63
|
-
}
|
|
64
|
-
.vc-icon-container_xs {
|
|
65
|
-
width: var(--icon-container-xs);
|
|
66
|
-
height: var(--icon-container-xs);
|
|
67
|
-
}
|
|
68
|
-
.vc-icon-container_s {
|
|
69
|
-
width: var(--icon-container-s);
|
|
70
|
-
height: var(--icon-container-s);
|
|
71
|
-
}
|
|
72
|
-
.vc-icon-container_m {
|
|
73
|
-
width: var(--icon-container-m);
|
|
74
|
-
height: var(--icon-container-m);
|
|
75
|
-
}
|
|
76
|
-
.vc-icon-container_l {
|
|
77
|
-
width: var(--icon-container-l);
|
|
78
|
-
height: var(--icon-container-l);
|
|
79
|
-
}
|
|
80
|
-
.vc-icon-container_xl {
|
|
81
|
-
width: var(--icon-container-xl);
|
|
82
|
-
height: var(--icon-container-xl);
|
|
83
|
-
}
|
|
84
|
-
.vc-icon-container_xxl {
|
|
85
|
-
width: var(--icon-container-xxl);
|
|
86
|
-
height: var(--icon-container-xxl);
|
|
87
|
-
}
|
|
88
|
-
.vc-icon-container_xxxl {
|
|
89
|
-
width: var(--icon-container-xxxl);
|
|
90
|
-
height: var(--icon-container-xxxl);
|
|
91
|
-
}
|
|
92
|
-
|
|
93
|
-
/* Variants */
|
|
94
|
-
:deep(.vc-icon_warning) {
|
|
95
|
-
color: var(--icon-color-warning);
|
|
96
|
-
}
|
|
97
|
-
:deep(.vc-icon_danger) {
|
|
98
|
-
color: var(--icon-color-danger);
|
|
99
|
-
}
|
|
100
|
-
:deep(.vc-icon_success) {
|
|
101
|
-
color: var(--icon-color-success);
|
|
102
|
-
}
|
|
103
|
-
|
|
104
|
-
/* Material Icons specific styles */
|
|
105
|
-
:deep(.material-symbols-outlined),
|
|
106
|
-
:deep(.material-symbols-rounded),
|
|
107
|
-
:deep(.material-symbols-sharp) {
|
|
108
|
-
font-family: "Material Symbols Outlined", "Material Symbols Rounded", "Material Symbols Sharp";
|
|
109
|
-
font-weight: normal;
|
|
110
|
-
font-style: normal;
|
|
111
|
-
line-height: 1;
|
|
112
|
-
letter-spacing: normal;
|
|
113
|
-
text-transform: none;
|
|
114
|
-
white-space: nowrap;
|
|
115
|
-
word-wrap: normal;
|
|
116
|
-
direction: ltr;
|
|
117
|
-
font-feature-settings: "liga";
|
|
118
|
-
-webkit-font-feature-settings: "liga";
|
|
119
|
-
-webkit-font-smoothing: antialiased;
|
|
120
|
-
transform: scale(var(--material-icons-scale)); /* Optical adjustment */
|
|
121
|
-
}
|
|
122
|
-
|
|
123
|
-
/* Bootstrap Icons specific styles */
|
|
124
|
-
:deep([class^="bi-"]),
|
|
125
|
-
:deep([class*=" bi-"]) {
|
|
126
|
-
font-family: bootstrap-icons !important;
|
|
127
|
-
font-style: normal;
|
|
128
|
-
font-weight: normal !important;
|
|
129
|
-
font-variant: normal;
|
|
130
|
-
text-transform: none;
|
|
131
|
-
line-height: 1;
|
|
132
|
-
-webkit-font-smoothing: antialiased;
|
|
133
|
-
-moz-osx-font-smoothing: grayscale;
|
|
134
|
-
transform: scale(var(--bootstrap-icons-scale)); /* Optical adjustment */
|
|
135
|
-
}
|
|
136
|
-
|
|
137
|
-
/* Font Awesome Icons */
|
|
138
|
-
:deep([class^="fa-"]),
|
|
139
|
-
:deep([class*=" fa-"]),
|
|
140
|
-
:deep([class^="fas"]),
|
|
141
|
-
:deep([class*=" fas"]),
|
|
142
|
-
:deep([class^="far"]),
|
|
143
|
-
:deep([class*=" far"]),
|
|
144
|
-
:deep([class^="fal"]),
|
|
145
|
-
:deep([class*=" fal"]),
|
|
146
|
-
:deep([class^="fab"]),
|
|
147
|
-
:deep([class*=" fab"]),
|
|
148
|
-
:deep([class^="fad"]),
|
|
149
|
-
:deep([class*=" fad"]) {
|
|
150
|
-
font-family: "Font Awesome 6 Free", "Font Awesome 6 Brands", "Font Awesome 6 Duotone", "Font Awesome 6 Pro";
|
|
151
|
-
font-style: normal;
|
|
152
|
-
font-weight: normal;
|
|
153
|
-
font-variant: normal;
|
|
154
|
-
text-transform: none;
|
|
155
|
-
line-height: 1;
|
|
156
|
-
-webkit-font-smoothing: antialiased;
|
|
157
|
-
-moz-osx-font-smoothing: grayscale;
|
|
158
|
-
transform: scale(var(--fontawesome-icons-scale)); /* Optical adjustment */
|
|
159
|
-
}
|
|
160
|
-
|
|
161
|
-
/* Font weight adjustments for Font Awesome */
|
|
162
|
-
:deep(.fas),
|
|
163
|
-
:deep(.fa-solid) {
|
|
164
|
-
font-weight: 900;
|
|
165
|
-
}
|
|
166
|
-
:deep(.far),
|
|
167
|
-
:deep(.fa-regular) {
|
|
168
|
-
font-weight: 400;
|
|
169
|
-
}
|
|
170
|
-
:deep(.fal),
|
|
171
|
-
:deep(.fa-light) {
|
|
172
|
-
font-weight: 300;
|
|
173
|
-
}
|
|
174
|
-
:deep(.fab),
|
|
175
|
-
:deep(.fa-brands) {
|
|
176
|
-
font-family: "Font Awesome 6 Brands";
|
|
177
|
-
}
|
|
178
|
-
|
|
179
|
-
/* Lucide Icons specific styles */
|
|
180
|
-
:deep(svg.vc-icon) {
|
|
181
|
-
transform: scale(var(--lucide-icons-scale)); /* Optical adjustment */
|
|
182
|
-
}
|
|
183
|
-
.vc-icon-container {
|
|
184
|
-
display: flex;
|
|
185
|
-
align-items: center;
|
|
186
|
-
justify-content: center;
|
|
187
|
-
}:root {
|
|
188
|
-
--image-size-xxs: 24px;
|
|
189
|
-
--image-size-xs: 32px;
|
|
190
|
-
--image-size-s: 48px;
|
|
191
|
-
--image-size-m: 64px;
|
|
192
|
-
--image-size-l: 96px;
|
|
193
|
-
--image-size-xl: 128px;
|
|
194
|
-
--image-size-xxl: 145px;
|
|
195
|
-
--image-border-radius: 3px;
|
|
196
|
-
--image-border-color: var(--neutrals-200);
|
|
197
|
-
--image-empty-icon-color: var(--secondary-500);
|
|
198
|
-
}
|
|
199
|
-
.vc-image {
|
|
200
|
-
position: relative;
|
|
201
|
-
display: inline-block;
|
|
202
|
-
}
|
|
203
|
-
.vc-image_1x1 {
|
|
204
|
-
padding-bottom: 100%;
|
|
205
|
-
}
|
|
206
|
-
.vc-image_16x9 {
|
|
207
|
-
padding-bottom: 56.25%;
|
|
208
|
-
}
|
|
209
|
-
.vc-image_4x3 {
|
|
210
|
-
padding-bottom: 75%;
|
|
211
|
-
}
|
|
212
|
-
.vc-image_3x2 {
|
|
213
|
-
padding-bottom: 66.66%;
|
|
214
|
-
}
|
|
215
|
-
.vc-image_xxs {
|
|
216
|
-
width: var(--image-size-xxs);
|
|
217
|
-
min-width: 0px;
|
|
218
|
-
max-width: 100%;
|
|
219
|
-
}
|
|
220
|
-
.vc-image_xs {
|
|
221
|
-
width: var(--image-size-xs);
|
|
222
|
-
min-width: 0px;
|
|
223
|
-
max-width: 100%;
|
|
224
|
-
}
|
|
225
|
-
.vc-image_s {
|
|
226
|
-
width: var(--image-size-s);
|
|
227
|
-
min-width: 0px;
|
|
228
|
-
max-width: 100%;
|
|
229
|
-
}
|
|
230
|
-
.vc-image_m {
|
|
231
|
-
width: var(--image-size-m);
|
|
232
|
-
min-width: 0px;
|
|
233
|
-
max-width: 100%;
|
|
234
|
-
}
|
|
235
|
-
.vc-image_l {
|
|
236
|
-
width: var(--image-size-l);
|
|
237
|
-
min-width: 0px;
|
|
238
|
-
max-width: 100%;
|
|
239
|
-
}
|
|
240
|
-
.vc-image_xl {
|
|
241
|
-
width: var(--image-size-xl);
|
|
242
|
-
min-width: 0px;
|
|
243
|
-
max-width: 100%;
|
|
244
|
-
}
|
|
245
|
-
.vc-image_xxl {
|
|
246
|
-
width: var(--image-size-xxl);
|
|
247
|
-
min-width: 0px;
|
|
248
|
-
max-width: 100%;
|
|
249
|
-
}
|
|
250
|
-
.vc-image_auto {
|
|
251
|
-
width: 100%;
|
|
252
|
-
}
|
|
253
|
-
.vc-image__container {
|
|
254
|
-
position: relative;
|
|
255
|
-
}
|
|
256
|
-
.vc-image__container--rounded {
|
|
257
|
-
border-radius: 9999px;
|
|
258
|
-
}
|
|
259
|
-
.vc-image__container--bordered {
|
|
260
|
-
border-radius: var(--image-border-radius);
|
|
261
|
-
border-width: 1px;
|
|
262
|
-
border-style: solid;
|
|
263
|
-
border-color: var(--image-border-color);
|
|
264
|
-
}
|
|
265
|
-
.vc-image__container--clickable {
|
|
266
|
-
cursor: pointer;
|
|
267
|
-
}
|
|
268
|
-
.vc-image__placeholder {
|
|
269
|
-
position: absolute;
|
|
270
|
-
display: flex;
|
|
271
|
-
height: 100%;
|
|
272
|
-
width: 100%;
|
|
273
|
-
align-items: center;
|
|
274
|
-
justify-content: center;
|
|
275
|
-
color: var(--image-empty-icon-color);
|
|
276
|
-
}:root {
|
|
277
|
-
--video-icon-color: var(--primary-400);
|
|
278
|
-
}
|
|
279
|
-
.vc-video {
|
|
280
|
-
position: relative;
|
|
281
|
-
display: inline-block;
|
|
282
|
-
}
|
|
283
|
-
.vc-video__label {
|
|
284
|
-
margin-bottom: 0.5rem;
|
|
285
|
-
}
|
|
286
|
-
.vc-video__container {
|
|
287
|
-
position: relative;
|
|
288
|
-
width: 100%;
|
|
289
|
-
}
|
|
290
|
-
.vc-video__placeholder {
|
|
291
|
-
position: absolute;
|
|
292
|
-
display: flex;
|
|
293
|
-
height: 100%;
|
|
294
|
-
width: 100%;
|
|
295
|
-
align-items: center;
|
|
296
|
-
justify-content: center;
|
|
297
|
-
color: var(--video-icon-color);
|
|
298
|
-
}
|
|
@@ -1,183 +0,0 @@
|
|
|
1
|
-
:root {
|
|
2
|
-
--gallery-item-border-color: var(--secondary-200);
|
|
3
|
-
--gallery-item-overlay-bg-color: var(--primary-100);
|
|
4
|
-
--gallery-item-move-icon-color: var(--secondary-300);
|
|
5
|
-
--gallery-item-button-icon-color: var(--primary-500);
|
|
6
|
-
}
|
|
7
|
-
.vc-gallery-item {
|
|
8
|
-
position: relative;
|
|
9
|
-
box-sizing: border-box;
|
|
10
|
-
height: 155px;
|
|
11
|
-
width: 155px;
|
|
12
|
-
border-radius: 0.375rem;
|
|
13
|
-
border-width: 1px;
|
|
14
|
-
border-style: solid;
|
|
15
|
-
border-color: var(--gallery-item-border-color);
|
|
16
|
-
padding: 0.25rem;
|
|
17
|
-
}
|
|
18
|
-
.vc-gallery-item__overlay {
|
|
19
|
-
position: absolute;
|
|
20
|
-
left: 0px;
|
|
21
|
-
top: 0px;
|
|
22
|
-
right: 0px;
|
|
23
|
-
bottom: 0px;
|
|
24
|
-
display: flex;
|
|
25
|
-
flex-direction: column;
|
|
26
|
-
background-color: var(--gallery-item-overlay-bg-color);
|
|
27
|
-
padding: 0.5rem;
|
|
28
|
-
opacity: 0;
|
|
29
|
-
transition-property: opacity;
|
|
30
|
-
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
31
|
-
transition-duration: 200ms;
|
|
32
|
-
}
|
|
33
|
-
.vc-gallery-item:hover .vc-gallery-item__overlay, .vc-app_touch .vc-gallery-item__hover .vc-gallery-item__overlay {
|
|
34
|
-
opacity: 1;
|
|
35
|
-
}
|
|
36
|
-
.vc-gallery-item__move {
|
|
37
|
-
margin-right: 0.5rem;
|
|
38
|
-
cursor: move;
|
|
39
|
-
color: var(--gallery-item-move-icon-color);
|
|
40
|
-
}
|
|
41
|
-
.vc-gallery-item__button {
|
|
42
|
-
display: flex;
|
|
43
|
-
cursor: pointer;
|
|
44
|
-
flex-direction: column;
|
|
45
|
-
align-items: center;
|
|
46
|
-
}
|
|
47
|
-
.vc-gallery-item__button-icon {
|
|
48
|
-
color: var(--gallery-item-button-icon-color);
|
|
49
|
-
}
|
|
50
|
-
.vc-gallery-item__button-text {
|
|
51
|
-
margin-top: 0.5rem;
|
|
52
|
-
font-size: 0.875rem;
|
|
53
|
-
line-height: 1.125rem;
|
|
54
|
-
}
|
|
55
|
-
.vc-gallery-item__overlay-content {
|
|
56
|
-
display: flex;
|
|
57
|
-
}
|
|
58
|
-
.vc-gallery-item__image-name {
|
|
59
|
-
overflow: hidden;
|
|
60
|
-
text-overflow: ellipsis;
|
|
61
|
-
white-space: nowrap;
|
|
62
|
-
font-size: 0.875rem;
|
|
63
|
-
line-height: 1.125rem;
|
|
64
|
-
}
|
|
65
|
-
.vc-gallery-item__actions {
|
|
66
|
-
display: flex;
|
|
67
|
-
flex-grow: 1;
|
|
68
|
-
flex-basis: 0px;
|
|
69
|
-
align-items: center;
|
|
70
|
-
justify-content: space-around;
|
|
71
|
-
}:root {
|
|
72
|
-
--gallery-preview-btn-bg-color: var(--secondary-50);
|
|
73
|
-
--gallery-preview-btn-icon-color: var(--secondary-400);
|
|
74
|
-
--gallery-preview-btn-shadow-color: var(--neutrals-950);
|
|
75
|
-
--gallery-preview-btn-shadow: 0 0 20px rgb(from var(--gallery-preview-btn-shadow-color) r g b / 15%);
|
|
76
|
-
--gallery-preview-overlay-color: var(--primary-400);
|
|
77
|
-
}
|
|
78
|
-
.vc-gallery-preview__content {
|
|
79
|
-
box-sizing: border-box;
|
|
80
|
-
display: flex;
|
|
81
|
-
height: 100%;
|
|
82
|
-
width: 100%;
|
|
83
|
-
flex-direction: column;
|
|
84
|
-
align-items: center;
|
|
85
|
-
}
|
|
86
|
-
.vc-gallery-preview__image-container {
|
|
87
|
-
position: relative;
|
|
88
|
-
box-sizing: border-box;
|
|
89
|
-
width: 100%;
|
|
90
|
-
flex-grow: 1;
|
|
91
|
-
flex-basis: 0px;
|
|
92
|
-
padding: 1.25rem;
|
|
93
|
-
}
|
|
94
|
-
.vc-gallery-preview__image-handler {
|
|
95
|
-
box-sizing: border-box;
|
|
96
|
-
height: 100%;
|
|
97
|
-
width: 100%;
|
|
98
|
-
}
|
|
99
|
-
.vc-gallery-preview__nav-btn {
|
|
100
|
-
position: absolute;
|
|
101
|
-
top: 50%;
|
|
102
|
-
display: flex;
|
|
103
|
-
height: 72px;
|
|
104
|
-
width: 72px;
|
|
105
|
-
cursor: pointer;
|
|
106
|
-
align-items: center;
|
|
107
|
-
justify-content: center;
|
|
108
|
-
border-radius: 9999px;
|
|
109
|
-
background-color: var(--gallery-preview-btn-bg-color);
|
|
110
|
-
color: var(--gallery-preview-btn-icon-color);
|
|
111
|
-
}
|
|
112
|
-
.vc-gallery-preview__nav-btn:hover {
|
|
113
|
-
box-shadow: var(--gallery-preview-btn-shadow);
|
|
114
|
-
}
|
|
115
|
-
.vc-gallery-preview__nav-btn_left {
|
|
116
|
-
left: 25px;
|
|
117
|
-
}
|
|
118
|
-
.vc-gallery-preview__nav-btn_right {
|
|
119
|
-
right: 25px;
|
|
120
|
-
}
|
|
121
|
-
.vc-gallery-preview__thumbnails {
|
|
122
|
-
box-sizing: border-box;
|
|
123
|
-
display: flex;
|
|
124
|
-
max-width: 100%;
|
|
125
|
-
flex-shrink: 1;
|
|
126
|
-
overflow-x: auto;
|
|
127
|
-
padding: 1rem;
|
|
128
|
-
padding-bottom: 40px;
|
|
129
|
-
}
|
|
130
|
-
.vc-gallery-preview__thumbnail {
|
|
131
|
-
margin: 0.25rem;
|
|
132
|
-
opacity: 0.6;
|
|
133
|
-
}
|
|
134
|
-
.vc-gallery-preview__thumbnail_current {
|
|
135
|
-
position: relative;
|
|
136
|
-
opacity: 1;
|
|
137
|
-
}
|
|
138
|
-
.vc-gallery-preview__thumbnail_current::after {
|
|
139
|
-
position: absolute;
|
|
140
|
-
left: 0px;
|
|
141
|
-
bottom: -12px;
|
|
142
|
-
height: 0.25rem;
|
|
143
|
-
width: 100%;
|
|
144
|
-
border-radius: 5px;
|
|
145
|
-
background-color: var(--gallery-preview-overlay-color);
|
|
146
|
-
--tw-content: "";
|
|
147
|
-
content: var(--tw-content);
|
|
148
|
-
}:root {
|
|
149
|
-
--gallery-reorder-color: var(--primary-500);
|
|
150
|
-
}
|
|
151
|
-
.vc-gallery__container {
|
|
152
|
-
position: relative;
|
|
153
|
-
display: flex;
|
|
154
|
-
flex-wrap: wrap;
|
|
155
|
-
}
|
|
156
|
-
.vc-gallery__wrapper {
|
|
157
|
-
display: flex;
|
|
158
|
-
width: 100%;
|
|
159
|
-
flex-wrap: wrap;
|
|
160
|
-
}
|
|
161
|
-
.vc-gallery__item {
|
|
162
|
-
margin: 0.5rem;
|
|
163
|
-
}
|
|
164
|
-
.vc-gallery__upload {
|
|
165
|
-
margin: 0.5rem;
|
|
166
|
-
}
|
|
167
|
-
.vc-gallery__reorder-line {
|
|
168
|
-
position: absolute;
|
|
169
|
-
top: 0px;
|
|
170
|
-
bottom: 0px;
|
|
171
|
-
z-index: 2;
|
|
172
|
-
display: none;
|
|
173
|
-
height: 100%;
|
|
174
|
-
width: 0.125rem;
|
|
175
|
-
background-color: var(--gallery-reorder-color);
|
|
176
|
-
}
|
|
177
|
-
.vc-gallery__empty {
|
|
178
|
-
display: flex;
|
|
179
|
-
height: 100%;
|
|
180
|
-
align-items: center;
|
|
181
|
-
justify-content: center;
|
|
182
|
-
padding: 1.25rem;
|
|
183
|
-
}
|