vgapp 0.2.3 → 0.2.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.
Files changed (38) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/app/modules/vgalert/js/vgalert.js +119 -0
  3. package/app/modules/vgalert/scss/_variables.scss +32 -0
  4. package/app/modules/vgalert/scss/vgalert.css +83 -0
  5. package/app/modules/vgalert/scss/vgalert.css.map +1 -0
  6. package/app/modules/vgalert/scss/vgalert.scss +79 -0
  7. package/app/modules/vgdropdown/js/vgdropdown.js +2 -1
  8. package/app/modules/vgdropdown/scss/vgdropdown.css +47 -47
  9. package/app/modules/vgformsender/scss/vgformsender.css +13 -13
  10. package/app/modules/vglawcookie/scss/vglawcookie.css +87 -87
  11. package/app/modules/vgmodal/js/vgmodal.js +32 -4
  12. package/app/modules/vgmodal/scss/vgmodal.css +3824 -3824
  13. package/app/modules/vgnav/scss/vgnav.css +312 -312
  14. package/app/modules/vgrollup/scss/vgrollup.css +41 -41
  15. package/app/modules/vgselect/scss/vgselect.css +256 -256
  16. package/app/modules/vgsidebar/js/vgsidebar.js +32 -2
  17. package/app/modules/vgsidebar/scss/vgsidebar.css +86 -86
  18. package/app/modules/vgtoast/js/vgtoast.js +378 -0
  19. package/app/modules/vgtoast/scss/_variables.scss +26 -0
  20. package/app/modules/vgtoast/scss/vgtoast.css +113 -0
  21. package/app/modules/vgtoast/scss/vgtoast.css.map +1 -0
  22. package/app/modules/vgtoast/scss/vgtoast.scss +125 -0
  23. package/app/utils/js/dom/event.js +1 -0
  24. package/app/utils/scss/default.css +198 -275
  25. package/app/utils/scss/default.css.map +1 -1
  26. package/app/utils/scss/default.scss +0 -70
  27. package/app/utils/scss/functions.scss +19 -0
  28. package/app/utils/scss/variables.scss +58 -35
  29. package/build/vgapp.css +13 -4946
  30. package/build/vgapp.css.map +1 -1
  31. package/build/vgapp.js +3 -4277
  32. package/build/vgapp.js.map +1 -1
  33. package/index.js +9 -1
  34. package/package.json +1 -1
  35. package/app/modules/vgnotify/js/vgnotify.js +0 -0
  36. package/app/modules/vgnotify/scss/vgnotify.css +0 -3
  37. package/app/modules/vgnotify/scss/vgnotify.css.map +0 -1
  38. package/app/modules/vgnotify/scss/vgnotify.scss +0 -0
package/CHANGELOG.md CHANGED
@@ -1,3 +1,9 @@
1
+ # VEGAS-APP 0.2.4 (Апрель, 4, 2025)
2
+ ## Модуль VGSidebar & VGModal
3
+ * Добавлен параметр hash
4
+
5
+ ## Новый модуль VGToast
6
+
1
7
  # VEGAS-APP 0.2.2 - 0.2.3 (Апрель, 4, 2025)
2
8
  ## Модуль VGDROPDOWN
3
9
  * Добавлен параметр overflow и backdrop
package/app/modules/vgalert/js/vgalert.js ADDED
@@ -0,0 +1,119 @@
1
+ import BaseModule from "../../base-module";
2
+ import EventHandler from "../../../utils/js/dom/event";
3
+ import {dismissTrigger} from "../../module-fn";
4
+ import {mergeDeepObject} from "../../../utils/js/functions";
5
+
6
+ /**
7
+ * Constants
8
+ */
9
+ const NAME = 'alert';
10
+ const NAME_KEY = 'vg.alert';
11
+ const SELECTOR_DATA_TOGGLE= '[data-vg-toggle="alert"]';
12
+
13
+ const CLASS_NAME_SHOW = 'show';
14
+ const CLASS_NAME_OPEN = 'vg-alert-open';
15
+
16
+ const EVENT_KEY_HIDE = `${NAME_KEY}.hide`;
17
+ const EVENT_KEY_HIDDEN = `${NAME_KEY}.hidden`;
18
+ const EVENT_KEY_SHOW = `${NAME_KEY}.show`;
19
+ const EVENT_KEY_SHOWN = `${NAME_KEY}.shown`;
20
+ const EVENT_KEY_LOADED = `${NAME_KEY}.loaded`;
21
+ const EVENT_KEY_CONFIRM = `${NAME_KEY}.confirm`;
22
+ const EVENT_KEY_CANCEL = `${NAME_KEY}.cancel`;
23
+
24
+ const EVENT_KEY_KEYDOWN_DISMISS = `keydown.dismiss.${NAME_KEY}`;
25
+ const EVENT_KEY_HIDE_PREVENTED = `hidePrevented.${NAME_KEY}`;
26
+ const EVENT_KEY_CLICK_DATA_API = `click.${NAME_KEY}.data.api`;
27
+
28
+ class VGAlert extends BaseModule {
29
+ constructor(element, params = {}) {
30
+ super(element, params);
31
+
32
+ this._params = this._getParams(element, mergeDeepObject({
33
+ backdrop: true,
34
+ overflow: true,
35
+ keyboard: true,
36
+ confirm: true,
37
+ showInside: true,
38
+ elements: [
39
+ {
40
+ 'title': 'Вы уверены?',
41
+ 'element': 'button',
42
+ 'type': 'confirm',
43
+ 'classes': ['btn', 'btn-primary']
44
+ }
45
+ ],
46
+ template: '',
47
+ animation: {
48
+ enable: false,
49
+ in: 'animate__rollIn',
50
+ out: 'animate__rollOut',
51
+ delay: 800,
52
+ },
53
+ ajax: {
54
+ route: '',
55
+ target: '',
56
+ method: 'get',
57
+ loader: false,
58
+ }
59
+ }, params));
60
+
61
+ this._addEventListeners();
62
+ this._dismissElement();
63
+
64
+ this._params.animation.delay = !this._params.animation.enable ? 0 : this._params.animation.delay;
65
+ this._animation(this._element, VGAlert.NAME_KEY, this._params.animation);
66
+ }
67
+
68
+ static get NAME() {
69
+ return NAME;
70
+ }
71
+
72
+ static get NAME_KEY() {
73
+ return NAME_KEY
74
+ }
75
+
76
+ toggle(relatedTarget) {
77
+ return !this._isShown() ? this.show(relatedTarget) : this.hide();
78
+ }
79
+
80
+ show(relatedTarget) {
81
+
82
+ }
83
+
84
+ hide() {
85
+
86
+ }
87
+
88
+ dispose() {
89
+ super.dispose();
90
+ }
91
+
92
+ _isShown() {
93
+ return this._element.classList.contains(CLASS_NAME_SHOW);
94
+ }
95
+
96
+ _addEventListeners() {
97
+ EventHandler.on(document, EVENT_KEY_KEYDOWN_DISMISS, event => {
98
+ if (event.key !== 'Escape') return;
99
+
100
+ if (this._params.keyboard) {
101
+ this.hide();
102
+ return;
103
+ }
104
+
105
+ EventHandler.trigger(this._element, EVENT_KEY_HIDE_PREVENTED)
106
+ });
107
+ }
108
+ }
109
+
110
+ dismissTrigger(VGAlert);
111
+
112
+ /**
113
+ * Data API implementation
114
+ */
115
+ EventHandler.on(document, EVENT_KEY_CLICK_DATA_API, SELECTOR_DATA_TOGGLE, function (event) {
116
+
117
+ });
118
+
119
+ export default VGAlert;
package/app/modules/vgalert/scss/_variables.scss ADDED
@@ -0,0 +1,32 @@
1
+ $alert-map: (
2
+ padding: 2rem,
3
+ margin: 0 0 2rem,
4
+ border-width: $border-width,
5
+ border-style: $border-style,
6
+ border-color: transparent,
7
+ border-radius: $border-radius,
8
+ gap: 1.5rem,
9
+ icon-width: 80px,
10
+ icon-height: 80px,
11
+ content-width: 100%,
12
+ content-align: center,
13
+ content-justify: flex-start
14
+ );
15
+ $alert-success-map: (
16
+ color: darken(#A5DC86, 10%),
17
+ border-color: #A5DC86,
18
+ background-color: rgba(lighten(#A5DC86, 10%), .15),
19
+ stroke: rgba(117, 183, 152, 0.4)
20
+ );
21
+
22
+ $alert-error-map: (
23
+ color: darken(#F74444, 10%),
24
+ border-color: #F74444,
25
+ background-color: rgba(lighten(#F74444, 25%), .075)
26
+ );
27
+
28
+ $alert-waiting-map: (
29
+ color: darken(#ffda6a, 10%),
30
+ border-color: #ffda6a,
31
+ background-color: rgba(lighten(#ffda6a, 15%), .1)
32
+ );
package/app/modules/vgalert/scss/vgalert.css ADDED
@@ -0,0 +1,83 @@
1
+ @charset "UTF-8";
2
+ /**
3
+ *--------------------------------------------------------------------------
4
+ * Модуль: VGAlert
5
+ * Автор: Vegas DEV
6
+ * Лицензия: смотри LICENSE
7
+ *--------------------------------------------------------------------------
8
+ **/
9
+ .vg-alert {
10
+ --vg-alert-padding: 2rem ;
11
+ --vg-alert-margin: 0 0 2rem ;
12
+ --vg-alert-border-width: 1px ;
13
+ --vg-alert-border-style: solid ;
14
+ --vg-alert-border-color: transparent ;
15
+ --vg-alert-border-radius: 0.375rem ;
16
+ --vg-alert-gap: 1.5rem ;
17
+ --vg-alert-icon-width: 80px ;
18
+ --vg-alert-icon-height: 80px ;
19
+ --vg-alert-content-width: 100% ;
20
+ --vg-alert-content-align: center ;
21
+ --vg-alert-content-justify: flex-start ;
22
+ --vg-alert-success-color: #88d15e ;
23
+ --vg-alert-success-border-color: #A5DC86 ;
24
+ --vg-alert-success-background-color: rgba(194, 231, 174, 0.15) ;
25
+ --vg-alert-success-stroke: rgba(117, 183, 152, 0.4) ;
26
+ --vg-alert-error-color: #f51313 ;
27
+ --vg-alert-error-border-color: #F74444 ;
28
+ --vg-alert-error-background-color: rgba(252, 190, 190, 0.075) ;
29
+ --vg-alert-waiting-color: #ffcd37 ;
30
+ --vg-alert-waiting-border-color: #ffda6a ;
31
+ --vg-alert-waiting-background-color: rgba(255, 237, 183, 0.1) ;
32
+ padding: var(--vg-alert-padding);
33
+ margin: var(--vg-alert-margin);
34
+ border: var(--vg-alert-border-width) var(--vg-alert-border-style) var(--vg-alert-border-color);
35
+ border-radius: var(--vg-alert-border-radius);
36
+ display: flex;
37
+ align-items: center;
38
+ justify-content: center;
39
+ }
40
+ .vg-alert-success {
41
+ color: var(--vg-alert-success-color);
42
+ border-color: var(--vg-alert-success-border-color);
43
+ background-color: var(--vg-alert-success-background-color);
44
+ }
45
+ .vg-alert-error {
46
+ color: var(--vg-alert-error-color);
47
+ border-color: var(--vg-alert-error-border-color);
48
+ background-color: var(--vg-alert-error-background-color);
49
+ }
50
+ .vg-alert-content {
51
+ display: flex;
52
+ align-items: var(--vg-alert-content-align);
53
+ justify-content: var(--vg-alert-content-justify);
54
+ gap: var(--vg-alert-gap);
55
+ width: var(--vg-alert-content-width);
56
+ }
57
+ .vg-alert-content--icon {
58
+ width: var(--vg-alert-icon-width);
59
+ height: var(--vg-alert-icon-height);
60
+ }
61
+ .vg-alert-content--icon svg {
62
+ width: 100%;
63
+ height: 100%;
64
+ }
65
+ .vg-alert-content--icon .ui-success-circle {
66
+ stroke: var(--vg-alert-success-stroke);
67
+ }
68
+ .vg-alert-content--icon .ui-success-path {
69
+ stroke: var(--vg-alert-success-color);
70
+ }
71
+ .vg-alert-modal {
72
+ --vg-alert-icon-width: 150px;
73
+ --vg-alert-icon-height: 150px;
74
+ --vg-alert-padding: 5rem 2rem;
75
+ --vg-alert-border-width: 0;
76
+ margin: 0;
77
+ }
78
+ .vg-alert-modal .vg-alert-content {
79
+ flex-direction: column;
80
+ text-align: center;
81
+ }
82
+
83
+ /*# sourceMappingURL=vgalert.css.map */
package/app/modules/vgalert/scss/vgalert.css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["vgalert.scss","../../../utils/scss/mixin.scss"],"names":[],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAaA;ECNG;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EDWF;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAEA;EACC;EACA;;AAIA;EACC;;AAGD;EACC;;AAMJ;EACC;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA","file":"vgalert.css"}
package/app/modules/vgalert/scss/vgalert.scss ADDED
@@ -0,0 +1,79 @@
1
+ /**
2
+ *--------------------------------------------------------------------------
3
+ * Модуль: VGAlert
4
+ * Автор: Vegas DEV
5
+ * Лицензия: смотри LICENSE
6
+ *--------------------------------------------------------------------------
7
+ **/
8
+
9
+ @import "../../../utils/scss/functions";
10
+ @import "../../../utils/scss/mixin";
11
+ @import "../../../utils/scss/variables";
12
+ @import "variables";
13
+
14
+ .vg-alert {
15
+ @include mix-vars('alert', $alert-map);
16
+ @include mix-vars('alert-success', $alert-success-map);
17
+ @include mix-vars('alert-error', $alert-error-map);
18
+ @include mix-vars('alert-waiting', $alert-waiting-map);
19
+ padding: var(--vg-alert-padding);
20
+ margin: var(--vg-alert-margin);
21
+ border: var(--vg-alert-border-width) var(--vg-alert-border-style) var(--vg-alert-border-color);
22
+ border-radius: var(--vg-alert-border-radius);
23
+ display: flex;
24
+ align-items: center;
25
+ justify-content: center;
26
+
27
+ &-success {
28
+ color: var(--vg-alert-success-color);
29
+ border-color: var(--vg-alert-success-border-color);
30
+ background-color: var(--vg-alert-success-background-color);
31
+ }
32
+
33
+ &-error {
34
+ color: var(--vg-alert-error-color);
35
+ border-color: var(--vg-alert-error-border-color);
36
+ background-color: var(--vg-alert-error-background-color);
37
+ }
38
+
39
+ &-content {
40
+ display: flex;
41
+ align-items: var(--vg-alert-content-align);
42
+ justify-content: var(--vg-alert-content-justify);
43
+ gap: var(--vg-alert-gap);
44
+ width: var(--vg-alert-content-width);
45
+
46
+ &--icon {
47
+ width: var(--vg-alert-icon-width);
48
+ height: var(--vg-alert-icon-height);
49
+
50
+ svg {
51
+ width: 100%;
52
+ height: 100%;
53
+ }
54
+
55
+ .ui-success {
56
+ &-circle {
57
+ stroke: var(--vg-alert-success-stroke);
58
+ }
59
+
60
+ &-path {
61
+ stroke: var(--vg-alert-success-color);
62
+ }
63
+ }
64
+ }
65
+ }
66
+
67
+ &-modal {
68
+ --vg-alert-icon-width: 150px;
69
+ --vg-alert-icon-height: 150px;
70
+ --vg-alert-padding: 5rem 2rem;
71
+ --vg-alert-border-width: 0;
72
+ margin: 0;
73
+
74
+ .vg-alert-content {
75
+ flex-direction: column;
76
+ text-align: center;
77
+ }
78
+ }
79
+ }
package/app/modules/vgdropdown/js/vgdropdown.js CHANGED
@@ -40,7 +40,8 @@ class VGDropdown extends BaseModule {
40
40
  ajax: {
41
41
  route: '',
42
42
  target: '',
43
- method: 'get'
43
+ method: 'get',
44
+ loader: false,
44
45
  },
45
46
  animation: {
46
47
  enable: false,
package/app/modules/vgdropdown/scss/vgdropdown.css CHANGED
@@ -1,47 +1,47 @@
1
- @charset "UTF-8";
2
- /**
3
- *--------------------------------------------------------------------------
4
- * Модуль: VGDropdown
5
- * Автор: Vegas DEV
6
- * Лицензия: смотри LICENSE
7
- *--------------------------------------------------------------------------
8
- **/
9
- .vg-dropdown {
10
- position: relative;
11
- --vg-dropdown-bg-color: #fff ;
12
- --vg-dropdown-color: #000000 ;
13
- --vg-dropdown-box-shadow: 0 8px 14px 5px rgba(0, 0, 0, 0.2) ;
14
- --vg-dropdown-border-width: 1px ;
15
- --vg-dropdown-border-style: solid ;
16
- --vg-dropdown-border-color: rgba(0, 0, 0, 0.2) ;
17
- --vg-dropdown-border-radius: 0.375rem ;
18
- --vg-dropdown-z-index: 1010 ;
19
- --vg-dropdown-transition: all 0.5s ease-in-out ;
20
- --vg-dropdown-min-width: 225px ;
21
- }
22
- .vg-dropdown-content {
23
- z-index: var(--vg-dropdown-z-index);
24
- position: absolute;
25
- opacity: 0;
26
- transform: translateY(20%);
27
- transition: var(--vg-dropdown-transition);
28
- min-width: var(--vg-dropdown-min-width);
29
- }
30
- .vg-dropdown-content:not(.show) {
31
- display: none;
32
- }
33
- .vg-dropdown-content.fade {
34
- opacity: 1;
35
- transform: translateY(0);
36
- }
37
- .vg-dropdown-container {
38
- background-color: var(--vg-dropdown-bg-color);
39
- color: var(--vg-dropdown-color);
40
- border-width: var(--vg-dropdown-border-width);
41
- border-style: var(--vg-dropdown-border-style);
42
- border-color: var(--vg-dropdown-border-color);
43
- border-radius: var(--vg-dropdown-border-radius);
44
- box-shadow: var(--vg-dropdown-box-shadow);
45
- }
46
-
47
- /*# sourceMappingURL=vgdropdown.css.map */
1
+ @charset "UTF-8";
2
+ /**
3
+ *--------------------------------------------------------------------------
4
+ * Модуль: VGDropdown
5
+ * Автор: Vegas DEV
6
+ * Лицензия: смотри LICENSE
7
+ *--------------------------------------------------------------------------
8
+ **/
9
+ .vg-dropdown {
10
+ position: relative;
11
+ --vg-dropdown-bg-color: #fff ;
12
+ --vg-dropdown-color: #000000 ;
13
+ --vg-dropdown-box-shadow: 0 8px 14px 5px rgba(0, 0, 0, 0.2) ;
14
+ --vg-dropdown-border-width: 1px ;
15
+ --vg-dropdown-border-style: solid ;
16
+ --vg-dropdown-border-color: rgba(0, 0, 0, 0.2) ;
17
+ --vg-dropdown-border-radius: 0.375rem ;
18
+ --vg-dropdown-z-index: 1010 ;
19
+ --vg-dropdown-transition: all 0.5s ease-in-out ;
20
+ --vg-dropdown-min-width: 225px ;
21
+ }
22
+ .vg-dropdown-content {
23
+ z-index: var(--vg-dropdown-z-index);
24
+ position: absolute;
25
+ opacity: 0;
26
+ transform: translateY(20%);
27
+ transition: var(--vg-dropdown-transition);
28
+ min-width: var(--vg-dropdown-min-width);
29
+ }
30
+ .vg-dropdown-content:not(.show) {
31
+ display: none;
32
+ }
33
+ .vg-dropdown-content.fade {
34
+ opacity: 1;
35
+ transform: translateY(0);
36
+ }
37
+ .vg-dropdown-container {
38
+ background-color: var(--vg-dropdown-bg-color);
39
+ color: var(--vg-dropdown-color);
40
+ border-width: var(--vg-dropdown-border-width);
41
+ border-style: var(--vg-dropdown-border-style);
42
+ border-color: var(--vg-dropdown-border-color);
43
+ border-radius: var(--vg-dropdown-border-radius);
44
+ box-shadow: var(--vg-dropdown-box-shadow);
45
+ }
46
+
47
+ /*# sourceMappingURL=vgdropdown.css.map */
package/app/modules/vgformsender/scss/vgformsender.css CHANGED
@@ -1,13 +1,13 @@
1
- @charset "UTF-8";
2
- /**
3
- *--------------------------------------------------------------------------
4
- * Модуль: VGFormSender
5
- * Автор: Vegas DEV
6
- * Лицензия: смотри LICENSE
7
- *--------------------------------------------------------------------------
8
- **/
9
- .vg-form-sender-modal .vg-modal-content {
10
- padding: 0;
11
- }
12
-
13
- /*# sourceMappingURL=vgformsender.css.map */
1
+ @charset "UTF-8";
2
+ /**
3
+ *--------------------------------------------------------------------------
4
+ * Модуль: VGFormSender
5
+ * Автор: Vegas DEV
6
+ * Лицензия: смотри LICENSE
7
+ *--------------------------------------------------------------------------
8
+ **/
9
+ .vg-form-sender-modal .vg-modal-content {
10
+ padding: 0;
11
+ }
12
+
13
+ /*# sourceMappingURL=vgformsender.css.map */
package/app/modules/vglawcookie/scss/vglawcookie.css CHANGED
@@ -1,87 +1,87 @@
1
- @charset "UTF-8";
2
- /**
3
- *--------------------------------------------------------------------------
4
- * Модуль: VGLawCookie
5
- * Автор: Vegas DEV
6
- * Лицензия: смотри LICENSE
7
- *--------------------------------------------------------------------------
8
- **/
9
- .vg-lawcookie {
10
- --vg-lawcookie-background-color: #fff ;
11
- --vg-lawcookie-color: #000000 ;
12
- --vg-lawcookie-box-shadow: 0 8px 14px 5px rgba(0, 0, 0, 0.2) ;
13
- --vg-lawcookie-padding: 1rem ;
14
- --vg-lawcookie-border: 1px solid rgba(0, 0, 0, 0.2) ;
15
- --vg-lawcookie-border-radius: 0.375rem ;
16
- --vg-lawcookie-z-index: 2000 ;
17
- --vg-lawcookie-transition: all 0.5s ease-in-out ;
18
- --vg-lawcookie-max-width: 50% ;
19
- --vg-lawcookie-padding-outer: 1rem ;
20
- --vg-lawcookie-font-size: 14px ;
21
- --vg-lawcookie-title-font-size: 16px ;
22
- position: fixed;
23
- display: none;
24
- padding: var(--vg-lawcookie-padding-outer);
25
- z-index: var(--vg-lawcookie-z-index);
26
- max-width: var(--vg-lawcookie-max-width);
27
- }
28
- @media screen and (max-width: 600px) {
29
- .vg-lawcookie {
30
- width: 100%;
31
- --vg-lawcookie-max-width: 100%;
32
- }
33
- }
34
- .vg-lawcookie.show {
35
- display: block;
36
- }
37
- .vg-lawcookie.left {
38
- left: 0;
39
- }
40
- .vg-lawcookie.right {
41
- right: 0;
42
- }
43
- .vg-lawcookie.top {
44
- top: 0;
45
- }
46
- .vg-lawcookie.bottom {
47
- bottom: 0;
48
- }
49
- .vg-lawcookie.center {
50
- top: 50%;
51
- left: 50%;
52
- }
53
- .vg-lawcookie.center.left {
54
- left: 0;
55
- }
56
- .vg-lawcookie.center.top {
57
- top: 0;
58
- left: 50%;
59
- }
60
- .vg-lawcookie.center.bottom {
61
- top: auto;
62
- bottom: 0;
63
- }
64
- .vg-lawcookie.center.right {
65
- right: 0;
66
- left: auto;
67
- }
68
- .vg-lawcookie.fullwidth {
69
- max-width: 100%;
70
- width: 100%;
71
- --vg-lawcookie-padding-outer: 0;
72
- --vg-lawcookie-border-radius: 0;
73
- --vg-lawcookie-box-shadow: none;
74
- }
75
- .vg-lawcookie--content {
76
- background-color: var(--vg-lawcookie-background-color);
77
- border-radius: var(--vg-lawcookie-border-radius);
78
- padding: var(--vg-lawcookie-padding);
79
- color: var(--vg-lawcookie-color);
80
- box-shadow: var(--vg-lawcookie-box-shadow);
81
- font-size: var(--vg-lawcookie-font-size);
82
- }
83
- .vg-lawcookie--content .title {
84
- font-size: var(--vg-lawcookie-title-font-size);
85
- }
86
-
87
- /*# sourceMappingURL=vglawcookie.css.map */
1
+ @charset "UTF-8";
2
+ /**
3
+ *--------------------------------------------------------------------------
4
+ * Модуль: VGLawCookie
5
+ * Автор: Vegas DEV
6
+ * Лицензия: смотри LICENSE
7
+ *--------------------------------------------------------------------------
8
+ **/
9
+ .vg-lawcookie {
10
+ --vg-lawcookie-background-color: #fff ;
11
+ --vg-lawcookie-color: #000000 ;
12
+ --vg-lawcookie-box-shadow: 0 8px 14px 5px rgba(0, 0, 0, 0.2) ;
13
+ --vg-lawcookie-padding: 1rem ;
14
+ --vg-lawcookie-border: 1px solid rgba(0, 0, 0, 0.2) ;
15
+ --vg-lawcookie-border-radius: 0.375rem ;
16
+ --vg-lawcookie-z-index: 2000 ;
17
+ --vg-lawcookie-transition: all 0.5s ease-in-out ;
18
+ --vg-lawcookie-max-width: 50% ;
19
+ --vg-lawcookie-padding-outer: 1rem ;
20
+ --vg-lawcookie-font-size: 14px ;
21
+ --vg-lawcookie-title-font-size: 16px ;
22
+ position: fixed;
23
+ display: none;
24
+ padding: var(--vg-lawcookie-padding-outer);
25
+ z-index: var(--vg-lawcookie-z-index);
26
+ max-width: var(--vg-lawcookie-max-width);
27
+ }
28
+ @media screen and (max-width: 600px) {
29
+ .vg-lawcookie {
30
+ width: 100%;
31
+ --vg-lawcookie-max-width: 100%;
32
+ }
33
+ }
34
+ .vg-lawcookie.show {
35
+ display: block;
36
+ }
37
+ .vg-lawcookie.left {
38
+ left: 0;
39
+ }
40
+ .vg-lawcookie.right {
41
+ right: 0;
42
+ }
43
+ .vg-lawcookie.top {
44
+ top: 0;
45
+ }
46
+ .vg-lawcookie.bottom {
47
+ bottom: 0;
48
+ }
49
+ .vg-lawcookie.center {
50
+ top: 50%;
51
+ left: 50%;
52
+ }
53
+ .vg-lawcookie.center.left {
54
+ left: 0;
55
+ }
56
+ .vg-lawcookie.center.top {
57
+ top: 0;
58
+ left: 50%;
59
+ }
60
+ .vg-lawcookie.center.bottom {
61
+ top: auto;
62
+ bottom: 0;
63
+ }
64
+ .vg-lawcookie.center.right {
65
+ right: 0;
66
+ left: auto;
67
+ }
68
+ .vg-lawcookie.fullwidth {
69
+ max-width: 100%;
70
+ width: 100%;
71
+ --vg-lawcookie-padding-outer: 0;
72
+ --vg-lawcookie-border-radius: 0;
73
+ --vg-lawcookie-box-shadow: none;
74
+ }
75
+ .vg-lawcookie--content {
76
+ background-color: var(--vg-lawcookie-background-color);
77
+ border-radius: var(--vg-lawcookie-border-radius);
78
+ padding: var(--vg-lawcookie-padding);
79
+ color: var(--vg-lawcookie-color);
80
+ box-shadow: var(--vg-lawcookie-box-shadow);
81
+ font-size: var(--vg-lawcookie-font-size);
82
+ }
83
+ .vg-lawcookie--content .title {
84
+ font-size: var(--vg-lawcookie-title-font-size);
85
+ }
86
+
87
+ /*# sourceMappingURL=vglawcookie.css.map */