@lukfel/ng-scaffold 22.1.10 → 22.1.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/fesm2022/lukfel-ng-scaffold.mjs +2 -2
  2. package/fesm2022/lukfel-ng-scaffold.mjs.map +1 -1
  3. package/package.json +1 -1
  4. package/styles/_theme.scss +378 -247
  5. package/styles/_variables.scss +75 -75
package/styles/_variables.scss CHANGED
@@ -1,75 +1,75 @@
1
- :root {
2
- --transition: 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
3
- --border-radius: 4px;
4
-
5
- --loading-overlay-z-index: 1001;
6
-
7
- --header-z-index: 100;
8
- --header-height: 64px;
9
- --header-logo-title-wrapper-max-width: 480px;
10
- --header-logo-size: 40px;
11
- --header-title-font-size: 20px;
12
- --header-subtitle-font-size: 12px;
13
- --header-input-max-width: 480px;
14
- --header-input-border-radius: 28px;
15
- --header-menu-button-max-width: 144px;
16
- --header-menu-img-size: 48px;
17
-
18
- --navbar-z-index: 99;
19
- --navbar-height: 72px;
20
- --navbar-height-mobile: 56px;
21
- --navbar-width: 72px;
22
- --navbar-padding: 4px;
23
- --navbar-item-border-radius: 16px;
24
- --navbar-item-label-font-size: 12px;
25
-
26
- --content-padding: 24px;
27
- --content-padding-mobile: 16px;
28
-
29
- --drawer-width: 208px;
30
- --drawer-z-index: 97;
31
- --drawer-z-index-mobile: 100;
32
-
33
- --footer-height: 100px;
34
- --footer-logo-size: 96px;
35
- --footer-font-size: 12px;
36
-
37
- --content-title-card-z-index: 98;
38
- --content-title-card-height: 80px;
39
- --content-title-card-label-font-size: 24px;
40
- --content-title-card-label-font-size-mobile: 18px;
41
-
42
- --floating-button-z-index: 100;
43
- --floating-button-right: 24px;
44
- --floating-button-bottom: 24px;
45
- --floating-button-min-width: 56px;
46
- --floating-button-label-max-width: 256px;
47
- --floating-button-label-font-size: 16px;
48
-
49
- --bottom-bar-z-index: 98;
50
- --bottom-bar-height: 56px;
51
- --bottom-bar-font-size: 16px;
52
-
53
- --placeholder-icon-size: 96px;
54
- --placeholder-title-font-size: 20px;
55
- --placeholder-message-font-size: 16px;
56
-
57
- --list-item-height: 72px;
58
- --list-item-border-radius: var(--border-radius);
59
- --list-item-sort-icon-size: 16px;
60
- --list-item-avatar-size: 48px;
61
- --list-item-title-width: 200px;
62
- --list-item-title-wrapper-width: 80px;
63
- --list-item-checkbox-width: 40px;
64
-
65
- --notification-max-width: 50vw;
66
- --notification-min-width: 384px;
67
- --notification-min-height: 48px;
68
- --notification-fixed-margin: 24px;
69
- --notification-static-margin: 0 0 16px 0;
70
- --notification-padding: 16px 16px;
71
- --notification-padding-minimal: 8px 16px;
72
- --notification-font-size: 14px;
73
-
74
- --color-gray: rgba(128, 128, 128, 0.8);
75
- }
1
+ :root {
2
+ --transition: 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
3
+ --border-radius: var(--mat-sys-corner-medium, 4px);
4
+
5
+ --loading-overlay-z-index: 1001;
6
+
7
+ --header-z-index: 100;
8
+ --header-height: 64px;
9
+ --header-logo-title-wrapper-max-width: 480px;
10
+ --header-logo-size: 40px;
11
+ --header-title-font-size: 20px;
12
+ --header-subtitle-font-size: 12px;
13
+ --header-input-max-width: 480px;
14
+ --header-input-border-radius: 28px;
15
+ --header-menu-button-max-width: 144px;
16
+ --header-menu-img-size: 48px;
17
+
18
+ --navbar-z-index: 99;
19
+ --navbar-height: 72px;
20
+ --navbar-height-mobile: 56px;
21
+ --navbar-width: 72px;
22
+ --navbar-padding: 4px;
23
+ --navbar-item-border-radius: 16px;
24
+ --navbar-item-label-font-size: 12px;
25
+
26
+ --content-padding: 24px;
27
+ --content-padding-mobile: 16px;
28
+
29
+ --drawer-width: 208px;
30
+ --drawer-z-index: 97;
31
+ --drawer-z-index-mobile: 100;
32
+
33
+ --footer-height: 100px;
34
+ --footer-logo-size: 96px;
35
+ --footer-font-size: 12px;
36
+
37
+ --content-title-card-z-index: 98;
38
+ --content-title-card-height: 80px;
39
+ --content-title-card-label-font-size: 24px;
40
+ --content-title-card-label-font-size-mobile: 18px;
41
+
42
+ --floating-button-z-index: 100;
43
+ --floating-button-right: 24px;
44
+ --floating-button-bottom: 24px;
45
+ --floating-button-min-width: 56px;
46
+ --floating-button-label-max-width: 256px;
47
+ --floating-button-label-font-size: 16px;
48
+
49
+ --bottom-bar-z-index: 98;
50
+ --bottom-bar-height: 56px;
51
+ --bottom-bar-font-size: 16px;
52
+
53
+ --placeholder-icon-size: 96px;
54
+ --placeholder-title-font-size: 20px;
55
+ --placeholder-message-font-size: 16px;
56
+
57
+ --list-item-height: 72px;
58
+ --list-item-border-radius: var(--border-radius);
59
+ --list-item-sort-icon-size: 16px;
60
+ --list-item-avatar-size: 48px;
61
+ --list-item-title-width: 200px;
62
+ --list-item-title-wrapper-width: 80px;
63
+ --list-item-checkbox-width: 40px;
64
+
65
+ --notification-max-width: 50vw;
66
+ --notification-min-width: 384px;
67
+ --notification-min-height: 48px;
68
+ --notification-fixed-margin: 24px;
69
+ --notification-static-margin: 0 0 16px 0;
70
+ --notification-padding: 16px 16px;
71
+ --notification-padding-minimal: 8px 16px;
72
+ --notification-font-size: 14px;
73
+
74
+ --color-gray: rgba(128, 128, 128, 0.8);
75
+ }