@nixweb/nixloc-ui 0.0.119 → 0.0.122

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.
Files changed (122) hide show
  1. package/docs/src/component/template/ModeloRelatorioView.drawio +160 -0
  2. package/docs/src/store/modulos/relatorio.drawio +37 -0
  3. package/package.json +77 -75
  4. package/public/index.html +2 -4
  5. package/public/styles/app.css +1 -2
  6. package/src/component/forms/{Botao.vue → Button.vue} +53 -57
  7. package/src/component/forms/CheckboxGroup.vue +63 -0
  8. package/src/component/forms/{CheckboxUnico.vue → CheckboxSimple.vue} +6 -6
  9. package/src/component/forms/{Cor.vue → Color.vue} +9 -9
  10. package/src/component/forms/DateTime.vue +53 -53
  11. package/src/component/forms/{BotaoDropdown.vue → Dropdown.vue} +50 -50
  12. package/src/component/forms/EditorHtml.vue +123 -0
  13. package/src/component/forms/FileUpload.vue +189 -0
  14. package/src/component/forms/InputDecimal.vue +137 -0
  15. package/src/component/forms/InputNumber.vue +149 -0
  16. package/src/component/forms/InputPassword.vue +135 -0
  17. package/src/component/forms/InputText.vue +157 -0
  18. package/src/component/forms/Modal.vue +15 -15
  19. package/src/component/forms/RadioGroup.vue +50 -0
  20. package/src/component/forms/Select.vue +337 -0
  21. package/src/component/forms/SelectStatic.vue +120 -0
  22. package/src/component/forms/TextArea.vue +126 -0
  23. package/src/component/forms/Toggle.vue +13 -13
  24. package/src/component/layout/{Conta.vue → Account.vue} +28 -28
  25. package/src/component/layout/{Alerta.vue → Alert.vue} +22 -22
  26. package/src/component/layout/Badge.vue +23 -23
  27. package/src/component/layout/{BarraFixa.vue → FixedBar.vue} +16 -16
  28. package/src/component/layout/{CarregandoTelaInteira.vue → LoadingFullPage.vue} +3 -3
  29. package/src/component/layout/Menu.vue +66 -66
  30. package/src/component/layout/{Moldura.vue → Molded.vue} +4 -4
  31. package/src/component/layout/Panel.vue +142 -0
  32. package/src/component/layout/Popover.vue +1 -1
  33. package/src/component/layout/{BarraRolagem.vue → Scrollbar.vue} +9 -11
  34. package/src/component/layout/Tag.vue +9 -9
  35. package/src/component/layout/Topo.vue +1 -1
  36. package/src/component/layout/Wizard.vue +3 -3
  37. package/src/component/shared/BotaoCarregarMais.vue +9 -9
  38. package/src/component/shared/BotaoConsulta.vue +9 -9
  39. package/src/component/shared/CabecalhoImpressao.vue +6 -6
  40. package/src/component/shared/CodigoEditor.vue +16 -16
  41. package/src/component/shared/Confirmacao.vue +28 -28
  42. package/src/component/shared/Dica.vue +10 -10
  43. package/src/component/shared/DocumentoEditor.vue +3 -3
  44. package/src/component/shared/DocumentoPreview.vue +2 -2
  45. package/src/component/shared/EsconderMostrar.vue +26 -26
  46. package/src/component/shared/ExportarExcel.vue +14 -14
  47. package/src/component/shared/ExportarPDF.vue +10 -10
  48. package/src/component/shared/FiltroHorizontal.vue +19 -19
  49. package/src/component/shared/LegendaParametro.vue +17 -17
  50. package/src/component/shared/{Carregando.vue → Loading.vue} +11 -11
  51. package/src/component/shared/Messages.vue +83 -0
  52. package/src/component/shared/Paginacao.vue +10 -10
  53. package/src/component/shared/Progresso.vue +2 -2
  54. package/src/component/shared/Registro.vue +2 -2
  55. package/src/component/shared/ResumoTabela.vue +6 -6
  56. package/src/component/shared/SalvarCancelar.vue +26 -26
  57. package/src/component/shared/{Pesquisa.vue → Search.vue} +36 -36
  58. package/src/component/shared/Tabela.vue +49 -49
  59. package/src/component/shared/TabelaBotao.vue +13 -13
  60. package/src/component/shared/Toast.vue +7 -7
  61. package/src/component/shared/{FiltroVertical.vue → VerticalFilter.vue} +14 -14
  62. package/src/component/shared/construtor-consulta/AdicionaFiltro.vue +191 -0
  63. package/src/component/shared/construtor-consulta/Campo.vue +127 -0
  64. package/src/component/shared/construtor-consulta/ComponenteDinamico.vue +109 -0
  65. package/src/component/shared/construtor-consulta/ConstrutorConsulta.vue +70 -0
  66. package/src/component/shared/construtor-consulta/ConverteParaOdata.js +80 -0
  67. package/src/component/shared/construtor-consulta/EscolherFiltro.vue +96 -0
  68. package/src/component/shared/{query-builder → construtor-consulta}/Filtro.vue +11 -16
  69. package/src/component/shared/construtor-consulta/ListaComponenteDinamico.vue +41 -0
  70. package/src/component/shared/{query-builder → construtor-consulta}/Rodape.vue +9 -9
  71. package/src/component/shared/{query-builder → construtor-consulta}/Tags.vue +7 -7
  72. package/src/component/shared/{query-builder → construtor-consulta}/utilities.js +0 -0
  73. package/src/component/template/ModeloAdicionarModificarView.vue +11 -11
  74. package/src/component/template/ModeloDocumentoView.vue +79 -79
  75. package/src/component/template/ModeloLista.vue +66 -66
  76. package/src/component/template/ModeloRelatorioListaView.vue +71 -68
  77. package/src/component/template/ModeloRelatorioView.vue +218 -200
  78. package/src/component/template/ModeloSubView.vue +13 -13
  79. package/src/component/template/ModeloView.vue +17 -17
  80. package/src/component/template/Relatorio.js +1 -5
  81. package/src/component/template/RelatorioAdicionarModificar.vue +44 -44
  82. package/src/component/value-objects/DadosContato.vue +27 -27
  83. package/src/component/value-objects/DadosPessoa.js +1 -1
  84. package/src/component/value-objects/DadosPessoa.vue +52 -52
  85. package/src/component/value-objects/Endereco.js +1 -1
  86. package/src/component/value-objects/Endereco.vue +83 -83
  87. package/src/config/dicas.js +1 -1
  88. package/src/config/token.js +2 -2
  89. package/src/store/modules/generic.js +489 -0
  90. package/src/store/modules/report.js +246 -0
  91. package/src/store/modules/user.js +38 -0
  92. package/src/store/modules/validation.js +39 -0
  93. package/src/store/store.js +4 -4
  94. package/public/js/menu.js +0 -11
  95. package/public/styles/menu.css +0 -1399
  96. package/src/component/forms/ArquivoUpload.vue +0 -199
  97. package/src/component/forms/CheckboxMultiplo.vue +0 -63
  98. package/src/component/forms/Decimal.vue +0 -137
  99. package/src/component/forms/Escolher.vue +0 -324
  100. package/src/component/forms/EscolherEstatico.vue +0 -139
  101. package/src/component/forms/Numero.vue +0 -153
  102. package/src/component/forms/Opcoes.vue +0 -51
  103. package/src/component/forms/Senha.vue +0 -139
  104. package/src/component/forms/Texto.vue +0 -161
  105. package/src/component/forms/TextoArea.vue +0 -126
  106. package/src/component/forms/TextoEditor.vue +0 -123
  107. package/src/component/layout/Painel.vue +0 -142
  108. package/src/component/shared/Mensagem.vue +0 -86
  109. package/src/component/shared/query-builder/Campo.vue +0 -116
  110. package/src/component/shared/query-builder/ConverteParaOdata.js +0 -73
  111. package/src/component/shared/query-builder/QueryBuilder.vue +0 -164
  112. package/src/component/shared/query-builder/components/CustomSelect.vue +0 -115
  113. package/src/component/shared/query-builder/components/QueryBuilderChildren.vue +0 -46
  114. package/src/component/shared/query-builder/components/QueryBuilderGroup.vue +0 -151
  115. package/src/component/shared/query-builder/components/QueryBuilderRule.vue +0 -81
  116. package/src/component/shared/query-builder/layouts/Bootstrap/BootstrapGroup.vue +0 -120
  117. package/src/component/shared/query-builder/layouts/Bootstrap/BootstrapRule.vue +0 -171
  118. package/src/component/shared/query-builder/main.js +0 -81
  119. package/src/store/modulos/generic.js +0 -494
  120. package/src/store/modulos/relatorio.js +0 -201
  121. package/src/store/modulos/usuario.js +0 -38
  122. package/src/store/modulos/validation.js +0 -39
@@ -1,1399 +0,0 @@
1
- :root {
2
- --mm-lineheight: 20px;
3
- --mm-listitem-size: 50px;
4
- --mm-navbar-size: 50px;
5
- --mm-toggle-size: 34px;
6
- --mm-color-border: rgba(0 0 0 / 0.1);
7
- --mm-color-button: rgba(0 0 0 / 0.3);
8
- --mm-color-text: rgba(0 0 0 / 0.75);
9
- --mm-color-text-dimmed: rgba(0 0 0 / 0.3);
10
- --mm-color-background: #f3f3f3;
11
- --mm-color-background-highlight: rgba(0 0 0 / 0.05);
12
- --mm-color-background-emphasis: rgba(255 255 255 / 0.4);
13
- --mm-color-focusring: #06c
14
- }
15
-
16
- .mm-hidden {
17
- display: none !important
18
- }
19
-
20
- .mm-wrapper {
21
- overflow-x: hidden;
22
- position: relative
23
- }
24
-
25
- .mm-btn {
26
- -webkit-box-flex: 0;
27
- -ms-flex-positive: 0;
28
- flex-grow: 0;
29
- -ms-flex-negative: 0;
30
- flex-shrink: 0;
31
- position: relative;
32
- -webkit-box-sizing: border-box;
33
- box-sizing: border-box;
34
- width: 50px;
35
- padding: 0
36
- }
37
-
38
- .mm-btn:after, .mm-btn:before {
39
- border: 2px solid var(--mm-color-button)
40
- }
41
-
42
- .mm-btn--next:after, .mm-btn--prev:before {
43
- content: "";
44
- border-bottom: none;
45
- border-right: none;
46
- -webkit-box-sizing: content-box;
47
- box-sizing: content-box;
48
- display: block;
49
- width: 8px;
50
- height: 8px;
51
- margin: auto;
52
- position: absolute;
53
- top: 0;
54
- bottom: 0
55
- }
56
-
57
- .mm-btn--prev:before {
58
- -webkit-transform: rotate(-45deg);
59
- -ms-transform: rotate(-45deg);
60
- transform: rotate(-45deg);
61
- left: 23px;
62
- right: auto
63
- }
64
-
65
- .mm-btn--next:after {
66
- -webkit-transform: rotate(135deg);
67
- -ms-transform: rotate(135deg);
68
- transform: rotate(135deg);
69
- right: 23px;
70
- left: auto
71
- }
72
-
73
- .mm-btn--close:after, .mm-btn--close:before {
74
- content: "";
75
- -webkit-box-sizing: content-box;
76
- box-sizing: content-box;
77
- display: block;
78
- width: 5px;
79
- height: 5px;
80
- margin: auto;
81
- position: absolute;
82
- top: 0;
83
- bottom: 0;
84
- -webkit-transform: rotate(-45deg);
85
- -ms-transform: rotate(-45deg);
86
- transform: rotate(-45deg)
87
- }
88
-
89
- .mm-btn--close:before {
90
- border-right: none;
91
- border-bottom: none;
92
- right: 18px
93
- }
94
-
95
- .mm-btn--close:after {
96
- border-left: none;
97
- border-top: none;
98
- right: 25px
99
- }
100
-
101
- .mm-btnreset {
102
- background: 0 0;
103
- border: none;
104
- padding: 0;
105
- cursor: pointer
106
- }
107
-
108
- [dir=rtl] .mm-btn--next:after {
109
- -webkit-transform: rotate(-45deg);
110
- -ms-transform: rotate(-45deg);
111
- transform: rotate(-45deg);
112
- left: 23px;
113
- right: auto
114
- }
115
-
116
- [dir=rtl] .mm-btn--prev:before {
117
- -webkit-transform: rotate(135deg);
118
- -ms-transform: rotate(135deg);
119
- transform: rotate(135deg);
120
- right: 23px;
121
- left: auto
122
- }
123
-
124
- [dir=rtl] .mm-btn--close:after, [dir=rtl] .mm-btn--close:before {
125
- right: auto
126
- }
127
-
128
- [dir=rtl] .mm-btn--close:before {
129
- left: 25px
130
- }
131
-
132
- [dir=rtl] .mm-btn--close:after {
133
- left: 18px
134
- }
135
-
136
- .mm-divider {
137
- -o-text-overflow: ellipsis;
138
- text-overflow: ellipsis;
139
- white-space: nowrap;
140
- overflow: hidden;
141
- min-height: var(--mm-lineheight);
142
- padding: calc(((var(--mm-listitem-size) * .65) - var(--mm-lineheight)) * .5) 20px;
143
- font-size: 75%;
144
- text-transform: uppercase;
145
- background: var(--mm-color-background);
146
- background-image: -webkit-gradient(linear, left top, left bottom, from(var(--mm-color-background-highlight)), to(var(--mm-color-background-highlight)));
147
- background-image: -o-linear-gradient(var(--mm-color-background-highlight), var(--mm-color-background-highlight));
148
- background-image: linear-gradient(var(--mm-color-background-highlight), var(--mm-color-background-highlight));
149
- opacity: 1;
150
- -webkit-transition: opacity .4s ease;
151
- -o-transition: opacity .4s ease;
152
- transition: opacity .4s ease
153
- }
154
-
155
- @supports ((position:-webkit-sticky) or (position:sticky)) {
156
- .mm-divider {
157
- position: -webkit-sticky;
158
- position: sticky;
159
- z-index: 2;
160
- top: 0
161
- }
162
-
163
- .mm-navbar:not(.mm-hidden)~.mm-listview .mm-divider {
164
- top: var(--mm-navbar-size)
165
- }
166
- }
167
-
168
- .mm-listview {
169
- list-style: none;
170
- display: block;
171
- padding: 0;
172
- margin: 0
173
- }
174
-
175
- .mm-listitem {
176
- display: -webkit-box;
177
- display: -ms-flexbox;
178
- display: flex;
179
- -ms-flex-wrap: wrap;
180
- flex-wrap: wrap;
181
- position: relative;
182
- padding: 0;
183
- margin: 0;
184
- list-style: none;
185
- color: var(--mm-color-text);
186
- border-color: var(--mm-color-border)
187
- }
188
-
189
- .mm-listitem:after {
190
- content: "";
191
- border-color: inherit;
192
- border-bottom-width: 1px;
193
- border-bottom-style: solid;
194
- display: block;
195
- position: absolute;
196
- left: 20px;
197
- right: 0;
198
- bottom: 0
199
- }
200
-
201
- .mm-listitem__btn, .mm-listitem__text {
202
- display: block;
203
- padding: calc((var(--mm-listitem-size) - var(--mm-lineheight))/ 2) 0;
204
- color: inherit
205
- }
206
-
207
- .mm-listitem__text {
208
- -o-text-overflow: ellipsis;
209
- text-overflow: ellipsis;
210
- white-space: nowrap;
211
- overflow: hidden;
212
- padding-left: 20px;
213
- padding-right: 20px;
214
- -webkit-box-flex: 1;
215
- -ms-flex-positive: 1;
216
- flex-grow: 1;
217
- -ms-flex-preferred-size: 10%;
218
- flex-basis: 10%
219
- }
220
-
221
- .mm-listitem__btn {
222
- background: rgba(3, 2, 1, 0);
223
- border-color: inherit;
224
- width: auto;
225
- padding-right: 50px;
226
- position: relative
227
- }
228
-
229
- .mm-listitem__btn:not(.mm-listitem__text) {
230
- border-left-width: 1px;
231
- border-left-style: solid
232
- }
233
-
234
- .mm-listitem--selected>.mm-listitem__text {
235
- background: var(--mm-color-background-emphasis)
236
- }
237
-
238
- .mm-listitem--opened>.mm-listitem__btn, .mm-listitem--opened>.mm-panel {
239
- background: var(--mm-color-background-highlight)
240
- }
241
-
242
- [dir=rtl] .mm-listitem:after {
243
- left: 0;
244
- right: 20px
245
- }
246
-
247
- [dir=rtl] .mm-listitem__btn {
248
- padding-left: 50px;
249
- border-left-width: 0;
250
- border-left-style: none
251
- }
252
-
253
- [dir=rtl] .mm-listitem__btn:not(.mm-listitem__text) {
254
- padding-right: 0;
255
- border-right-width: 1px;
256
- border-right-style: solid
257
- }
258
-
259
- .mm-menu {
260
- display: -webkit-box;
261
- display: -ms-flexbox;
262
- display: flex;
263
- -webkit-box-orient: vertical;
264
- -webkit-box-direction: normal;
265
- -ms-flex-direction: column;
266
- flex-direction: column;
267
- padding: 0;
268
- margin: 0;
269
- position: absolute;
270
- top: 0;
271
- right: 0;
272
- bottom: 0;
273
- left: 0;
274
- z-index: 0;
275
- -ms-scroll-chaining: none;
276
- overscroll-behavior: none;
277
- background: var(--mm-color-background);
278
- border-color: var(--mm-color-border);
279
- color: var(--mm-color-text);
280
- line-height: var(--mm-lineheight);
281
- -webkit-tap-highlight-color: var(--mm-color-background-emphasis);
282
- -webkit-font-smoothing: antialiased;
283
- -moz-osx-font-smoothing: grayscale
284
- }
285
-
286
- .mm-menu, .mm-menu * {
287
- -webkit-box-sizing: border-box;
288
- box-sizing: border-box
289
- }
290
-
291
- .mm-menu :focus, .mm-menu :focus-visible, .mm-menu:focus, .mm-menu:focus-visible {
292
- outline: 0
293
- }
294
-
295
- .mm-menu ::-webkit-input-placeholder {
296
- color: var(--mm-color-text-dimmed)
297
- }
298
-
299
- .mm-menu ::-moz-placeholder {
300
- color: var(--mm-color-text-dimmed)
301
- }
302
-
303
- .mm-menu :-ms-input-placeholder {
304
- color: var(--mm-color-text-dimmed)
305
- }
306
-
307
- .mm-menu ::-ms-input-placeholder {
308
- color: var(--mm-color-text-dimmed)
309
- }
310
-
311
- .mm-menu ::placeholder {
312
- color: var(--mm-color-text-dimmed)
313
- }
314
-
315
- .mm-menu a:focus, .mm-menu button:focus, .mm-menu label:focus {
316
- outline: 0
317
- }
318
-
319
- .mm-menu a:focus-visible, .mm-menu button:focus-visible, .mm-menu label:focus-visible {
320
- outline: 2px solid var(--mm-color-focusring);
321
- outline-offset: -5px
322
- }
323
-
324
- .mm-menu input:focus, .mm-menu input:focus-visible, .mm-menu select:focus, .mm-menu select:focus-visible, .mm-menu textarea:focus, .mm-menu textarea:focus-visible {
325
- outline: 2px solid var(--mm-color-focusring);
326
- outline-offset: -2px
327
- }
328
-
329
- .mm-menu a, .mm-menu a:active, .mm-menu a:hover, .mm-menu a:link, .mm-menu a:visited {
330
- text-decoration: none;
331
- color: inherit
332
- }
333
-
334
- [dir=rtl] .mm-menu {
335
- direction: rtl
336
- }
337
-
338
- .mm-navbar {
339
- display: -webkit-box;
340
- display: -ms-flexbox;
341
- display: flex;
342
- min-height: var(--mm-navbar-size);
343
- padding-top: env(safe-area-inset-top);
344
- color: var(--mm-color-text-dimmed);
345
- text-align: center;
346
- opacity: 1;
347
- background: var(--mm-color-background);
348
- border-bottom: 1px solid var(--mm-color-border);
349
- -webkit-transition: opacity .4s ease;
350
- -o-transition: opacity .4s ease;
351
- transition: opacity .4s ease;
352
- position: -webkit-sticky;
353
- position: sticky;
354
- top: 0;
355
- z-index: 2
356
- }
357
-
358
- .mm-navbar>* {
359
- -webkit-box-flex: 1;
360
- -ms-flex-positive: 1;
361
- flex-grow: 1;
362
- display: -webkit-box;
363
- display: -ms-flexbox;
364
- display: flex;
365
- -webkit-box-align: center;
366
- -ms-flex-align: center;
367
- align-items: center;
368
- -webkit-box-pack: center;
369
- -ms-flex-pack: center;
370
- justify-content: center;
371
- -webkit-box-sizing: border-box;
372
- box-sizing: border-box
373
- }
374
-
375
- .mm-navbar__btn {
376
- -webkit-box-flex: 0;
377
- -ms-flex-positive: 0;
378
- flex-grow: 0
379
- }
380
-
381
- .mm-navbar__title {
382
- -webkit-box-flex: 1;
383
- -ms-flex: 1 1 50%;
384
- flex: 1 1 50%;
385
- display: -webkit-box;
386
- display: -ms-flexbox;
387
- display: flex;
388
- padding: 0 20px;
389
- overflow: hidden
390
- }
391
-
392
- .mm-navbar__title[href="#"] {
393
- pointer-events: none
394
- }
395
-
396
- .mm-navbar__title>span {
397
- -o-text-overflow: ellipsis;
398
- text-overflow: ellipsis;
399
- white-space: nowrap;
400
- overflow: hidden
401
- }
402
-
403
- .mm-btn.mm-hidden+.mm-navbar__title:not(:last-child) {
404
- padding-left: 60px;
405
- padding-right: 10px
406
- }
407
-
408
- .mm-btn:not(.mm-hidden)+.mm-navbar__title:last-child {
409
- padding-left: 10px;
410
- padding-right: 60px
411
- }
412
-
413
- [dir=rtl] .mm-navbar {
414
- -webkit-box-orient: horizontal;
415
- -webkit-box-direction: reverse;
416
- -ms-flex-direction: row-reverse;
417
- flex-direction: row-reverse
418
- }
419
-
420
- .mm-panel {
421
- visibility: hidden;
422
- position: absolute;
423
- left: 0;
424
- right: 0;
425
- top: 0;
426
- bottom: 0;
427
- z-index: 1;
428
- -webkit-overflow-scrolling: touch;
429
- overflow: hidden;
430
- overflow-y: auto;
431
- -ms-scroll-chaining: none;
432
- overscroll-behavior: contain;
433
- color: var(--mm-color-text);
434
- border-color: var(--mm-color-border);
435
- background: var(--mm-color-background);
436
- -webkit-transform: translate3d(100%, 0, 0);
437
- transform: translate3d(100%, 0, 0);
438
- -webkit-transition: visibility 0s linear .4s, left .4s ease 0s, -webkit-transform .4s ease 0s;
439
- transition: visibility 0s linear .4s, left .4s ease 0s, -webkit-transform .4s ease 0s;
440
- -o-transition: visibility 0s linear .4s, transform .4s ease 0s, left .4s ease 0s;
441
- transition: visibility 0s linear .4s, transform .4s ease 0s, left .4s ease 0s;
442
- transition: visibility 0s linear .4s, transform .4s ease 0s, left .4s ease 0s, -webkit-transform .4s ease 0s
443
- }
444
-
445
- .mm-panel:after {
446
- content: "";
447
- display: block;
448
- height: var(--mm-listitem-size)
449
- }
450
-
451
- .mm-panel--opened {
452
- visibility: visible;
453
- z-index: 2;
454
- -webkit-transform: translate3d(0, 0, 0);
455
- transform: translate3d(0, 0, 0);
456
- -webkit-transition-delay: 0s;
457
- -o-transition-delay: 0s;
458
- transition-delay: 0s
459
- }
460
-
461
- .mm-panel--parent {
462
- -webkit-transform: translate3d(-30%, 0, 0);
463
- transform: translate3d(-30%, 0, 0);
464
- z-index: 0
465
- }
466
-
467
- .mm-panel--highest {
468
- z-index: 3
469
- }
470
-
471
- .mm-menu--opened .mm-panel--noanimation {
472
- -webkit-transition: none !important;
473
- -o-transition: none !important;
474
- transition: none !important;
475
- -webkit-transition-duration: 0s !important;
476
- -o-transition-duration: 0s !important;
477
- transition-duration: 0s !important
478
- }
479
-
480
- .mm-panel__content {
481
- padding: 20px 20px 0
482
- }
483
-
484
- [dir=rtl] .mm-panel {
485
- -webkit-transform: translate3d(-100%, 0, 0);
486
- transform: translate3d(-100%, 0, 0)
487
- }
488
-
489
- [dir=rtl] .mm-panel--opened {
490
- -webkit-transform: translate3d(0, 0, 0);
491
- transform: translate3d(0, 0, 0)
492
- }
493
-
494
- [dir=rtl] .mm-panel--parent {
495
- -webkit-transform: translate3d(30%, 0, 0);
496
- transform: translate3d(30%, 0, 0)
497
- }
498
-
499
- .mm-panels {
500
- -webkit-box-flex: 1;
501
- -ms-flex-positive: 1;
502
- flex-grow: 1;
503
- position: relative;
504
- height: 100%;
505
- overflow: hidden;
506
- background: var(--mm-color-background);
507
- border-color: var(--mm-color-border);
508
- color: var(--mm-color-text)
509
- }
510
-
511
- .mm-sronly {
512
- border: 0 !important;
513
- clip: rect(1px, 1px, 1px, 1px) !important;
514
- -webkit-clip-path: inset(50%) !important;
515
- clip-path: inset(50%) !important;
516
- white-space: nowrap !important;
517
- width: 1px !important;
518
- min-width: 1px !important;
519
- height: 1px !important;
520
- min-height: 1px !important;
521
- padding: 0 !important;
522
- overflow: hidden !important;
523
- position: absolute !important
524
- }
525
-
526
- .mm-toggle {
527
- display: -webkit-box;
528
- display: -ms-flexbox;
529
- display: flex;
530
- -ms-flex-item-align: center;
531
- align-self: center;
532
- -webkit-box-flex: calc((var(--mm-toggle-size) * 1.7));
533
- -ms-flex: calc((var(--mm-toggle-size) * 1.7)) 0 0px;
534
- flex: calc((var(--mm-toggle-size) * 1.7)) 0 0;
535
- height: var(--mm-toggle-size);
536
- margin-right: 10px;
537
- -webkit-appearance: none !important;
538
- -moz-appearance: none !important;
539
- appearance: none !important;
540
- border: none !important;
541
- border-radius: var(--mm-toggle-size);
542
- background: var(--mm-color-border);
543
- border: var(--mm-color-border);
544
- cursor: pointer;
545
- -webkit-transition: background-color .3s ease;
546
- -o-transition: background-color .3s ease;
547
- transition: background-color .3s ease
548
- }
549
-
550
- .mm-toggle:before {
551
- content: "";
552
- aspect-ratio: 1;
553
- margin: 1px;
554
- border-radius: 100%;
555
- background: var(--mm-color-background);
556
- -webkit-transition: -webkit-transform .2s ease;
557
- transition: -webkit-transform .2s ease;
558
- -o-transition: transform .2s ease;
559
- transition: transform .2s ease;
560
- transition: transform .2s ease, -webkit-transform .2s ease
561
- }
562
-
563
- .mm-toggle:checked {
564
- background: #4bd963
565
- }
566
-
567
- .mm-toggle:checked:before {
568
- -webkit-transform: translateX(calc(var(--mm-toggle-size) * 1.7 - var(--mm-toggle-size)));
569
- -ms-transform: translateX(calc(var(--mm-toggle-size) * 1.7 - var(--mm-toggle-size)));
570
- transform: translateX(calc(var(--mm-toggle-size) * 1.7 - var(--mm-toggle-size)))
571
- }
572
-
573
- .mm-listitem--vertical>.mm-panel {
574
- position: static;
575
- width: 100%;
576
- padding: 10px 0 10px 10px;
577
- -webkit-transform: none !important;
578
- -ms-transform: none !important;
579
- transform: none !important;
580
- -webkit-transition: none !important;
581
- -o-transition: none !important;
582
- transition: none !important
583
- }
584
-
585
- .mm-listitem--vertical>.mm-panel:after {
586
- content: none;
587
- display: none
588
- }
589
-
590
- .mm-listitem--vertical:not(.mm-listitem--opened)>.mm-panel {
591
- display: none
592
- }
593
-
594
- .mm-listitem--vertical.mm-listitem--opened>.mm-panel {
595
- visibility: visible
596
- }
597
-
598
- .mm-listitem--vertical>.mm-listitem__btn {
599
- height: var(--mm-listitem-size);
600
- bottom: auto
601
- }
602
-
603
- .mm-listitem--vertical .mm-listitem:last-child:after {
604
- border-color: transparent
605
- }
606
-
607
- .mm-listitem--opened>.mm-listitem__btn:after {
608
- -webkit-transform: rotate(225deg);
609
- -ms-transform: rotate(225deg);
610
- transform: rotate(225deg);
611
- right: 19px
612
- }
613
-
614
- :root {
615
- --mm-size: 80%;
616
- --mm-min-size: 240px;
617
- --mm-max-size: 330px
618
- }
619
-
620
- .mm-menu--offcanvas {
621
- position: fixed;
622
- right: auto;
623
- z-index: 0;
624
- width: clamp(var(--mm-min-size), var(--mm-size), var(--mm-max-size));
625
- -webkit-transition: visibility 0s linear .4s;
626
- -o-transition: visibility 0s linear .4s;
627
- transition: visibility 0s linear .4s
628
- }
629
-
630
- .mm-menu--offcanvas.mm-menu--opened {
631
- -webkit-transition-delay: 0s;
632
- -o-transition-delay: 0s;
633
- transition-delay: 0s
634
- }
635
-
636
- .mm-menu--offcanvas:not(.mm-menu--opened) {
637
- visibility: hidden;
638
- pointer-events: none
639
- }
640
-
641
- .mm-menu--offcanvas:not(.mm-menu--opened) * {
642
- visibility: inherit
643
- }
644
-
645
- .mm-page {
646
- -webkit-box-sizing: border-box;
647
- box-sizing: border-box;
648
- min-height: 100vh;
649
- background: inherit
650
- }
651
-
652
- .mm-slideout {
653
- position: relative;
654
- z-index: 1;
655
- width: 100%;
656
- -webkit-transition: width .4s ease, -webkit-transform .4s ease;
657
- transition: width .4s ease, -webkit-transform .4s ease;
658
- -o-transition: width .4s ease, transform .4s ease;
659
- transition: width .4s ease, transform .4s ease;
660
- transition: width .4s ease, transform .4s ease, -webkit-transform .4s ease
661
- }
662
-
663
- .mm-wrapper--opened .mm-slideout {
664
- -webkit-transform: translate3d(clamp(var(--mm-min-size), var(--mm-size), var(--mm-max-size)), 0, 0);
665
- transform: translate3d(clamp(var(--mm-min-size), var(--mm-size), var(--mm-max-size)), 0, 0)
666
- }
667
-
668
- .mm-wrapper--opened {
669
- overflow: hidden
670
- }
671
-
672
- .mm-wrapper--opened body {
673
- overflow: hidden
674
- }
675
-
676
- .mm-wrapper__blocker {
677
- visibility: hidden;
678
- position: fixed;
679
- top: 0;
680
- right: 0;
681
- bottom: 0;
682
- left: 100%;
683
- z-index: 2;
684
- overflow: hidden;
685
- opacity: 0;
686
- background: rgba(0, 0, 0, .3);
687
- -webkit-transition: opacity .4s ease .4s;
688
- -o-transition: opacity .4s ease .4s;
689
- transition: opacity .4s ease .4s
690
- }
691
-
692
- .mm-wrapper--opened .mm-wrapper__blocker {
693
- visibility: visible;
694
- left: 0
695
- }
696
-
697
- .mm-wrapper--opened .mm-wrapper__blocker {
698
- opacity: .5
699
- }
700
-
701
- .mm-wrapper__blocker:focus {
702
- opacity: 1
703
- }
704
-
705
- .mm-counter {
706
- display: block;
707
- padding-left: 20px;
708
- float: right;
709
- text-align: right;
710
- color: var(--mm-color-text-dimmed)
711
- }
712
-
713
- [dir=rtl] .mm-counter {
714
- text-align: left;
715
- float: left;
716
- padding-left: 0;
717
- padding-right: 20px
718
- }
719
-
720
- :root {
721
- --mm-iconbar-size: 50px
722
- }
723
-
724
- .mm-menu--iconbar-left .mm-navbars, .mm-menu--iconbar-left .mm-panels {
725
- margin-left: var(--mm-iconbar-size)
726
- }
727
-
728
- .mm-menu--iconbar-right .mm-navbars, .mm-menu--iconbar-right .mm-panels {
729
- margin-right: var(--mm-iconbar-size)
730
- }
731
-
732
- .mm-iconbar {
733
- display: none;
734
- position: absolute;
735
- top: 0;
736
- bottom: 0;
737
- z-index: 2;
738
- width: var(--mm-iconbar-size);
739
- overflow: hidden;
740
- -webkit-box-sizing: border-box;
741
- box-sizing: border-box;
742
- border: 0 solid;
743
- border-color: var(--mm-color-border);
744
- background: var(--mm-color-background);
745
- color: var(--mm-color-text-dimmed);
746
- text-align: center
747
- }
748
-
749
- .mm-menu--iconbar-left .mm-iconbar, .mm-menu--iconbar-right .mm-iconbar {
750
- display: -webkit-box;
751
- display: -ms-flexbox;
752
- display: flex;
753
- -webkit-box-orient: vertical;
754
- -webkit-box-direction: normal;
755
- -ms-flex-direction: column;
756
- flex-direction: column;
757
- -webkit-box-pack: justify;
758
- -ms-flex-pack: justify;
759
- justify-content: space-between
760
- }
761
-
762
- .mm-menu--iconbar-left .mm-iconbar {
763
- border-right-width: 1px;
764
- left: 0
765
- }
766
-
767
- .mm-menu--iconbar-right .mm-iconbar {
768
- border-left-width: 1px;
769
- right: 0
770
- }
771
-
772
- .mm-iconbar__bottom, .mm-iconbar__top {
773
- width: 100%;
774
- -webkit-overflow-scrolling: touch;
775
- overflow: hidden;
776
- overflow-y: auto;
777
- -ms-scroll-chaining: none;
778
- overscroll-behavior: contain
779
- }
780
-
781
- .mm-iconbar__bottom>*, .mm-iconbar__top>* {
782
- -webkit-box-sizing: border-box;
783
- box-sizing: border-box;
784
- display: block;
785
- padding: calc((var(--mm-iconbar-size) - var(--mm-lineheight))/ 2) 0
786
- }
787
-
788
- .mm-iconbar__bottom a, .mm-iconbar__bottom a:hover, .mm-iconbar__top a, .mm-iconbar__top a:hover {
789
- text-decoration: none
790
- }
791
-
792
- .mm-iconbar__tab--selected {
793
- background: var(--mm-color-background-emphasis)
794
- }
795
-
796
- :root {
797
- --mm-iconpanel-size: 50px
798
- }
799
-
800
- .mm-panel--iconpanel-0 {
801
- left: 0
802
- }
803
-
804
- .mm-panel--iconpanel-1 {
805
- left: var(--mm-iconpanel-size)
806
- }
807
-
808
- .mm-panel--iconpanel-2 {
809
- left: calc(var(--mm-iconpanel-size) * 2)
810
- }
811
-
812
- .mm-panel--iconpanel-3 {
813
- left: calc(var(--mm-iconpanel-size) * 3)
814
- }
815
-
816
- .mm-panel--iconpanel-first~.mm-panel {
817
- left: var(--mm-iconpanel-size)
818
- }
819
-
820
- .mm-menu--iconpanel .mm-panel--parent .mm-divider, .mm-menu--iconpanel .mm-panel--parent .mm-navbar {
821
- opacity: 0
822
- }
823
-
824
- .mm-menu--iconpanel .mm-panels>.mm-panel--parent {
825
- visibility: visible !important;
826
- overflow-y: hidden;
827
- -webkit-transform: unset;
828
- -ms-transform: unset;
829
- transform: unset
830
- }
831
-
832
- .mm-menu--iconpanel .mm-panels>.mm-panel:not(.mm-panel--iconpanel-first):not(.mm-panel--iconpanel-0) {
833
- border-left-width: 1px;
834
- border-left-style: solid
835
- }
836
-
837
- .mm-panel__blocker {
838
- display: block;
839
- visibility: hidden;
840
- position: absolute;
841
- top: 0;
842
- right: 0;
843
- left: 0;
844
- z-index: 3;
845
- opacity: 0;
846
- background: var(--mm-color-background)
847
- }
848
-
849
- .mm-panel--parent .mm-panel__blocker {
850
- visibility: visible;
851
- bottom: -100000px;
852
- opacity: .6
853
- }
854
-
855
- [dir=rtl] .mm-menu--iconpanel .mm-panels>.mm-panel {
856
- left: 0;
857
- right: auto;
858
- -webkit-transition-property: width, -webkit-transform;
859
- transition-property: width, -webkit-transform;
860
- -o-transition-property: transform, width;
861
- transition-property: transform, width;
862
- transition-property: transform, width, -webkit-transform
863
- }
864
-
865
- [dir=rtl] .mm-menu--iconpanel .mm-panels>.mm-panel:not(.mm-panel--iconpanel-first):not(.mm-panel--iconpanel-0) {
866
- border-left: none;
867
- border-right: 1px solid;
868
- border-color: inherit
869
- }
870
-
871
- .mm-navbars {
872
- -ms-flex-negative: 0;
873
- flex-shrink: 0
874
- }
875
-
876
- .mm-navbars .mm-navbar {
877
- position: relative;
878
- padding-top: 0;
879
- border-bottom: none
880
- }
881
-
882
- .mm-navbars--top {
883
- border-bottom: 1px solid var(--mm-color-border)
884
- }
885
-
886
- .mm-navbars--top .mm-navbar:first-child {
887
- padding-top: env(safe-area-inset-top)
888
- }
889
-
890
- .mm-navbars--bottom {
891
- border-top: 1px solid var(--mm-color-border)
892
- }
893
-
894
- .mm-navbars--bottom .mm-navbar:last-child {
895
- padding-bottom: env(safe-area-inset-bottom)
896
- }
897
-
898
- .mm-navbar__breadcrumbs {
899
- -o-text-overflow: ellipsis;
900
- text-overflow: ellipsis;
901
- white-space: nowrap;
902
- overflow: hidden;
903
- -webkit-box-flex: 1;
904
- -ms-flex: 1 1 50%;
905
- flex: 1 1 50%;
906
- display: -webkit-box;
907
- display: -ms-flexbox;
908
- display: flex;
909
- -webkit-box-pack: start;
910
- -ms-flex-pack: start;
911
- justify-content: flex-start;
912
- padding: 0 20px;
913
- overflow-x: auto;
914
- -webkit-overflow-scrolling: touch
915
- }
916
-
917
- .mm-navbar__breadcrumbs>* {
918
- display: -webkit-box;
919
- display: -ms-flexbox;
920
- display: flex;
921
- -webkit-box-align: center;
922
- -ms-flex-align: center;
923
- align-items: center;
924
- -webkit-box-pack: center;
925
- -ms-flex-pack: center;
926
- justify-content: center;
927
- padding-right: 6px
928
- }
929
-
930
- .mm-navbar__breadcrumbs>a {
931
- text-decoration: underline
932
- }
933
-
934
- .mm-navbar__breadcrumbs:not(:last-child) {
935
- padding-right: 0
936
- }
937
-
938
- .mm-btn:not(.mm-hidden)+.mm-navbar__breadcrumbs {
939
- padding-left: 0
940
- }
941
-
942
- .mm-navbar__tab {
943
- padding: 0 10px;
944
- border: 1px solid transparent
945
- }
946
-
947
- .mm-navbar__tab--selected {
948
- background: var(--mm-color-background)
949
- }
950
-
951
- .mm-navbar__tab--selected:not(:first-child) {
952
- border-left-color: var(--mm-color-border)
953
- }
954
-
955
- .mm-navbar__tab--selected:not(:last-child) {
956
- border-right-color: var(--mm-color-border)
957
- }
958
-
959
- .mm-navbars--top.mm-navbars--has-tabs {
960
- border-bottom: none
961
- }
962
-
963
- .mm-navbars--top.mm-navbars--has-tabs .mm-navbar {
964
- background: var(--mm-color-background-emphasis)
965
- }
966
-
967
- .mm-navbars--top.mm-navbars--has-tabs .mm-navbar--tabs~.mm-navbar {
968
- background: var(--mm-color-background)
969
- }
970
-
971
- .mm-navbars--top.mm-navbars--has-tabs .mm-navbar:not(.mm-navbar--tabs):last-child {
972
- border-bottom: 1px solid var(--mm-color-border)
973
- }
974
-
975
- .mm-navbars--top .mm-navbar__tab {
976
- border-bottom-color: var(--mm-color-border)
977
- }
978
-
979
- .mm-navbars--top .mm-navbar__tab--selected {
980
- border-top-color: var(--mm-color-border);
981
- border-bottom-color: transparent
982
- }
983
-
984
- .mm-navbars--bottom.mm-navbars--has-tabs {
985
- border-top: none
986
- }
987
-
988
- .mm-navbars--bottom.mm-navbars--has-tabs .mm-navbar {
989
- background: var(--mm-color-background)
990
- }
991
-
992
- .mm-navbars--bottom.mm-navbars--has-tabs .mm-navbar--tabs, .mm-navbars--bottom.mm-navbars--has-tabs .mm-navbar--tabs~.mm-navbar {
993
- background: var(--mm-color-background-emphasis)
994
- }
995
-
996
- .mm-navbars--bottom .mm-navbar__tab {
997
- border-top-color: var(--mm-color-border)
998
- }
999
-
1000
- .mm-navbars--bottom .mm-navbar__tab--selected {
1001
- border-bottom-color: var(--mm-color-border);
1002
- border-top-color: transparent
1003
- }
1004
-
1005
- .mm-searchfield {
1006
- display: -webkit-box;
1007
- display: -ms-flexbox;
1008
- display: flex;
1009
- -webkit-box-flex: 1;
1010
- -ms-flex-positive: 1;
1011
- flex-grow: 1;
1012
- height: var(--mm-navbar-size);
1013
- padding: 0;
1014
- overflow: hidden
1015
- }
1016
-
1017
- .mm-searchfield__input {
1018
- display: -webkit-box;
1019
- display: -ms-flexbox;
1020
- display: flex;
1021
- -webkit-box-flex: 1;
1022
- -ms-flex: 1;
1023
- flex: 1;
1024
- -webkit-box-align: center;
1025
- -ms-flex-align: center;
1026
- align-items: center;
1027
- position: relative;
1028
- width: 100%;
1029
- max-width: 100%;
1030
- padding: 0 10px;
1031
- -webkit-box-sizing: border-box;
1032
- box-sizing: border-box
1033
- }
1034
-
1035
- .mm-searchfield__input input {
1036
- display: block;
1037
- width: 100%;
1038
- max-width: 100%;
1039
- height: calc(var(--mm-navbar-size) * .7);
1040
- min-height: auto;
1041
- max-height: auto;
1042
- margin: 0;
1043
- padding: 0 10px;
1044
- -webkit-box-sizing: border-box;
1045
- box-sizing: border-box;
1046
- border: none;
1047
- border-radius: 4px;
1048
- line-height: calc(var(--mm-navbar-size) * .7);
1049
- font: inherit;
1050
- font-size: inherit
1051
- }
1052
-
1053
- .mm-searchfield__input input, .mm-searchfield__input input:focus, .mm-searchfield__input input:hover {
1054
- background: var(--mm-color-background-highlight);
1055
- color: var(--mm-color-text)
1056
- }
1057
-
1058
- .mm-searchfield__input input::-ms-clear {
1059
- display: none
1060
- }
1061
-
1062
- .mm-searchfield__btn {
1063
- display: none;
1064
- position: absolute;
1065
- right: 0;
1066
- top: 0;
1067
- bottom: 0
1068
- }
1069
-
1070
- .mm-searchfield--searching .mm-searchfield__btn {
1071
- display: block
1072
- }
1073
-
1074
- .mm-searchfield__cancel {
1075
- display: block;
1076
- visibility: hidden;
1077
- max-width: 0;
1078
- line-height: var(--mm-navbar-size);
1079
- text-decoration: none;
1080
- -webkit-transition: none .2s linear;
1081
- -o-transition: none .2s linear;
1082
- transition: none .2s linear;
1083
- -webkit-transition-property: visibility, max-width, padding;
1084
- -o-transition-property: visibility, max-width, padding;
1085
- transition-property: visibility, max-width, padding
1086
- }
1087
-
1088
- .mm-searchfield--cancelable .mm-searchfield__cancel {
1089
- visibility: visible;
1090
- max-width: 75px;
1091
- padding-right: 10px
1092
- }
1093
-
1094
- .mm-panel--search {
1095
- left: 0 !important;
1096
- right: 0 !important;
1097
- width: 100% !important;
1098
- border: none !important
1099
- }
1100
-
1101
- .mm-panel__splash {
1102
- padding: 20px
1103
- }
1104
-
1105
- .mm-panel--searching .mm-panel__splash {
1106
- display: none
1107
- }
1108
-
1109
- .mm-panel__noresults {
1110
- display: none;
1111
- padding: 40px 20px;
1112
- color: var(--mm-color-text-dimmed);
1113
- text-align: center;
1114
- font-size: 150%
1115
- }
1116
-
1117
- .mm-panel--noresults .mm-panel__noresults {
1118
- display: block
1119
- }
1120
-
1121
- :root {
1122
- --mm-sectionindexer-size: 20px
1123
- }
1124
-
1125
- .mm-sectionindexer {
1126
- background: inherit;
1127
- text-align: center;
1128
- font-size: 12px;
1129
- -webkit-box-sizing: border-box;
1130
- box-sizing: border-box;
1131
- width: var(--mm-sectionindexer-size);
1132
- position: absolute;
1133
- top: 0;
1134
- bottom: 0;
1135
- right: calc(0px - var(--mm-sectionindexer-size));
1136
- z-index: 5;
1137
- -webkit-transition: right .4s ease;
1138
- -o-transition: right .4s ease;
1139
- transition: right .4s ease;
1140
- display: -webkit-box;
1141
- display: -ms-flexbox;
1142
- display: flex;
1143
- -webkit-box-orient: vertical;
1144
- -webkit-box-direction: normal;
1145
- -ms-flex-direction: column;
1146
- flex-direction: column;
1147
- -webkit-box-pack: space-evenly;
1148
- -ms-flex-pack: space-evenly;
1149
- justify-content: space-evenly
1150
- }
1151
-
1152
- .mm-sectionindexer a {
1153
- color: var(--mm-color-text-dimmed);
1154
- line-height: 1;
1155
- text-decoration: none;
1156
- display: block
1157
- }
1158
-
1159
- .mm-sectionindexer~.mm-panel {
1160
- padding-right: 0
1161
- }
1162
-
1163
- .mm-sectionindexer--active {
1164
- right: 0
1165
- }
1166
-
1167
- .mm-sectionindexer--active~.mm-panel {
1168
- padding-right: var(--mm-sectionindexer-size)
1169
- }
1170
-
1171
- .mm-menu--selected-hover .mm-listitem__btn, .mm-menu--selected-hover .mm-listitem__text, .mm-menu--selected-parent .mm-listitem__btn, .mm-menu--selected-parent .mm-listitem__text {
1172
- -webkit-transition: background-color .4s ease;
1173
- -o-transition: background-color .4s ease;
1174
- transition: background-color .4s ease
1175
- }
1176
-
1177
- @media (hover:hover) {
1178
- .mm-menu--selected-hover .mm-listview:hover>.mm-listitem--selected:not(:hover)>.mm-listitem__text {
1179
- background: 0 0
1180
- }
1181
-
1182
- .mm-menu--selected-hover .mm-listitem__btn:hover, .mm-menu--selected-hover .mm-listitem__text:hover {
1183
- background: var(--mm-color-background-emphasis)
1184
- }
1185
- }
1186
-
1187
- .mm-menu--selected-parent .mm-listitem__btn, .mm-menu--selected-parent .mm-listitem__text {
1188
- -webkit-transition-delay: .2s;
1189
- -o-transition-delay: .2s;
1190
- transition-delay: .2s
1191
- }
1192
-
1193
- @media (hover:hover) {
1194
- .mm-menu--selected-parent .mm-listitem__btn:hover, .mm-menu--selected-parent .mm-listitem__text:hover {
1195
- -webkit-transition-delay: 0s;
1196
- -o-transition-delay: 0s;
1197
- transition-delay: 0s
1198
- }
1199
- }
1200
-
1201
- .mm-menu--selected-parent .mm-panel--parent .mm-listitem:not(.mm-listitem--selected-parent)>.mm-listitem__text {
1202
- background: 0 0
1203
- }
1204
-
1205
- .mm-menu--selected-parent .mm-listitem--selected-parent>.mm-listitem__btn, .mm-menu--selected-parent .mm-listitem--selected-parent>.mm-listitem__text {
1206
- background: var(--mm-color-background-emphasis)
1207
- }
1208
-
1209
- :root {
1210
- --mm-sidebar-collapsed-size: 50px;
1211
- --mm-sidebar-expanded-size: var(--mm-max-size)
1212
- }
1213
-
1214
- .mm-wrapper--sidebar-collapsed .mm-page, .mm-wrapper--sidebar-expanded .mm-page {
1215
- background: inherit;
1216
- -webkit-box-sizing: border-box;
1217
- box-sizing: border-box;
1218
- min-height: 100vh
1219
- }
1220
-
1221
- .mm-wrapper--sidebar-collapsed .mm-menu--sidebar-collapsed, .mm-wrapper--sidebar-expanded .mm-menu--sidebar-expanded {
1222
- top: 0 !important;
1223
- right: auto !important;
1224
- bottom: 0 !important;
1225
- left: 0 !important;
1226
- visibility: visible !important
1227
- }
1228
-
1229
- .mm-wrapper--sidebar-collapsed:not(.mm-wrapper--opened) .mm-slideout {
1230
- width: calc(100% - var(--mm-sidebar-collapsed-size));
1231
- -webkit-transform: translate3d(var(--mm-sidebar-collapsed-size), 0, 0);
1232
- transform: translate3d(var(--mm-sidebar-collapsed-size), 0, 0)
1233
- }
1234
-
1235
- .mm-wrapper--sidebar-collapsed:not(.mm-wrapper--opened) .mm-panel--opened {
1236
- visibility: visible
1237
- }
1238
-
1239
- .mm-wrapper--sidebar-collapsed:not(.mm-wrapper--opened) .mm-menu--sidebar-collapsed .mm-divider, .mm-wrapper--sidebar-collapsed:not(.mm-wrapper--opened) .mm-menu--sidebar-collapsed .mm-navbar {
1240
- opacity: 0
1241
- }
1242
-
1243
- .mm-wrapper--sidebar-expanded .mm-menu--sidebar-expanded {
1244
- width: var(--mm-sidebar-expanded-size);
1245
- border-right-width: 1px;
1246
- border-right-style: solid
1247
- }
1248
-
1249
- .mm-wrapper--sidebar-expanded.mm-wrapper--opened {
1250
- overflow: auto
1251
- }
1252
-
1253
- .mm-wrapper--sidebar-expanded.mm-wrapper--opened .mm-wrapper__blocker {
1254
- display: none !important
1255
- }
1256
-
1257
- .mm-wrapper--sidebar-expanded.mm-wrapper--opened .mm-menu--sidebar-expanded~.mm-slideout {
1258
- width: calc(100% - var(--mm-sidebar-expanded-size));
1259
- -webkit-transform: translate3d(var(--mm-sidebar-expanded-size), 0, 0);
1260
- transform: translate3d(var(--mm-sidebar-expanded-size), 0, 0)
1261
- }
1262
-
1263
- .mm-menu__blocker {
1264
- visibility: visible;
1265
- display: block;
1266
- position: absolute;
1267
- top: 0;
1268
- right: 0;
1269
- left: 0;
1270
- bottom: 0;
1271
- z-index: 3;
1272
- opacity: .5;
1273
- background: var(--mm-color-background);
1274
- pointer-events: auto
1275
- }
1276
-
1277
- .mm-menu--opened .mm-menu__blocker {
1278
- visibility: hidden;
1279
- bottom: 100%;
1280
- opacity: 0
1281
- }
1282
-
1283
- [dir=rtl].mm-wrapper--sidebar-collapsed .mm-slideout {
1284
- -webkit-transform: translate3d(0, 0, 0);
1285
- transform: translate3d(0, 0, 0)
1286
- }
1287
-
1288
- [dir=rtl].mm-wrapper--sidebar-expanded .mm-slideout {
1289
- -webkit-transform: translate3d(0, 0, 0);
1290
- transform: translate3d(0, 0, 0)
1291
- }
1292
-
1293
- [dir=rtl].mm-wrapper--sidebar-expanded:not(.mm-wrapper--sidebar-closed) .mm-menu--sidebar-expanded.mm-menu--opened~.mm-slideout {
1294
- -webkit-transform: translate3d(0, 0, 0);
1295
- transform: translate3d(0, 0, 0)
1296
- }
1297
-
1298
- .mm-menu--fullscreen {
1299
- --mm-size: 100%;
1300
- --mm-min-size: 100%;
1301
- --mm-max-size: 100%
1302
- }
1303
-
1304
- .mm-menu--fullscreen.mm-menu--opened~.mm-slideout {
1305
- --mm-size: 100%;
1306
- --mm-min-size: 100%;
1307
- --mm-max-size: 100%
1308
- }
1309
-
1310
- .mm-menu--position-right {
1311
- left: auto;
1312
- right: 0
1313
- }
1314
-
1315
- .mm-menu--position-right.mm-menu--opened~.mm-slideout {
1316
- -webkit-transform: translate3d(clamp(calc((1px - 1px) - var(--mm-max-size)), calc((1px - 1px) - var(--mm-size)), calc((1px - 1px) - var(--mm-min-size))), 0, 0);
1317
- transform: translate3d(clamp(calc((1px - 1px) - var(--mm-max-size)), calc((1px - 1px) - var(--mm-size)), calc((1px - 1px) - var(--mm-min-size))), 0, 0)
1318
- }
1319
-
1320
- .mm-menu--position-front {
1321
- -webkit-transform: translate3d(-100%, 0, 0);
1322
- transform: translate3d(-100%, 0, 0)
1323
- }
1324
-
1325
- .mm-menu--position-front.mm-menu--position-right {
1326
- -webkit-transform: translate3d(100%, 0, 0);
1327
- transform: translate3d(100%, 0, 0)
1328
- }
1329
-
1330
- .mm-menu--position-bottom, .mm-menu--position-top {
1331
- width: 100%;
1332
- height: clamp(var(--mm-min-size), var(--mm-size), var(--mm-max-size))
1333
- }
1334
-
1335
- .mm-menu--position-top {
1336
- bottom: auto;
1337
- -webkit-transform: translate3d(0, -100%, 0);
1338
- transform: translate3d(0, -100%, 0)
1339
- }
1340
-
1341
- .mm-menu--position-bottom {
1342
- top: auto;
1343
- -webkit-transform: translate3d(0, 100%, 0);
1344
- transform: translate3d(0, 100%, 0)
1345
- }
1346
-
1347
- .mm-menu--position-bottom, .mm-menu--position-front, .mm-menu--position-top {
1348
- z-index: 2;
1349
- -webkit-transition: visibility 0s linear .4s, -webkit-transform .4s ease 0s;
1350
- transition: visibility 0s linear .4s, -webkit-transform .4s ease 0s;
1351
- -o-transition: visibility 0s linear .4s, transform .4s ease 0s;
1352
- transition: visibility 0s linear .4s, transform .4s ease 0s;
1353
- transition: visibility 0s linear .4s, transform .4s ease 0s, -webkit-transform .4s ease 0s
1354
- }
1355
-
1356
- .mm-menu--position-bottom.mm-menu--opened, .mm-menu--position-front.mm-menu--opened, .mm-menu--position-top.mm-menu--opened {
1357
- -webkit-transform: translate3d(0, 0, 0);
1358
- transform: translate3d(0, 0, 0)
1359
- }
1360
-
1361
- .mm-menu--position-bottom.mm-menu--opened~.mm-slideout, .mm-menu--position-front.mm-menu--opened~.mm-slideout, .mm-menu--position-top.mm-menu--opened~.mm-slideout {
1362
- -webkit-transform: none !important;
1363
- -ms-transform: none !important;
1364
- transform: none !important
1365
- }
1366
-
1367
- .mm-menu--position-bottom.mm-menu--opened~.mm-wrapper__blocker, .mm-menu--position-front.mm-menu--opened~.mm-wrapper__blocker, .mm-menu--position-top.mm-menu--opened~.mm-wrapper__blocker {
1368
- z-index: 1
1369
- }
1370
-
1371
- .mm-menu--theme-white {
1372
- --mm-color-border: rgba(0, 0, 0, 0.1);
1373
- --mm-color-button: rgba(0, 0, 0, 0.3);
1374
- --mm-color-text: rgba(0, 0, 0, 0.7);
1375
- --mm-color-text-dimmed: rgba(0, 0, 0, 0.3);
1376
- --mm-color-background: #fff;
1377
- --mm-color-background-highlight: rgba(0, 0, 0, 0.06);
1378
- --mm-color-background-emphasis: rgba(0, 0, 0, 0.03)
1379
- }
1380
-
1381
- .mm-menu--theme-dark {
1382
- --mm-color-border: rgba(0, 0, 0, 0.3);
1383
- --mm-color-button: rgba(255, 255, 255, 0.4);
1384
- --mm-color-text: rgba(255, 255, 255, 0.85);
1385
- --mm-color-text-dimmed: rgba(255, 255, 255, 0.4);
1386
- --mm-color-background: #333;
1387
- --mm-color-background-highlight: rgba(255, 255, 255, 0.08);
1388
- --mm-color-background-emphasis: rgba(0, 0, 0, 0.1)
1389
- }
1390
-
1391
- .mm-menu--theme-black {
1392
- --mm-color-border: rgba(255, 255, 255, 0.25);
1393
- --mm-color-button: rgba(255, 255, 255, 0.4);
1394
- --mm-color-text: rgba(255, 255, 255, 0.75);
1395
- --mm-color-text-dimmed: rgba(255, 255, 255, 0.4);
1396
- --mm-color-background: #000;
1397
- --mm-color-background-highlight: rgba(255, 255, 255, 0.2);
1398
- --mm-color-background-emphasis: rgba(255, 255, 255, 0.15)
1399
- }