holygrail2 1.0.0

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 (57) hide show
  1. package/.editorconfig +13 -0
  2. package/.prettierrc +6 -0
  3. package/.stylelintrc +27 -0
  4. package/.vscode/settings.json +3 -0
  5. package/assets/images/minilogo.png +0 -0
  6. package/cssconfig.json +373 -0
  7. package/dist/style.css +10376 -0
  8. package/dist/style.css.map +1 -0
  9. package/doc/docs.css +1764 -0
  10. package/doc/docs.css.map +1 -0
  11. package/guide/index.html +3202 -0
  12. package/package.json +59 -0
  13. package/readme.md +123 -0
  14. package/scss/_partials.scss +44 -0
  15. package/scss/abstract/_0debug.scss +192 -0
  16. package/scss/abstract/_all.scss +4 -0
  17. package/scss/abstract/_breakpoints.scss +27 -0
  18. package/scss/abstract/_fonts.scss +22 -0
  19. package/scss/abstract/_mixins.scss +691 -0
  20. package/scss/abstract/_reset.scss +124 -0
  21. package/scss/abstract/_setup.scss +385 -0
  22. package/scss/base/_alignment.scss +294 -0
  23. package/scss/base/_animations.scss +64 -0
  24. package/scss/base/_extras.scss +21 -0
  25. package/scss/base/_grid.scss +361 -0
  26. package/scss/base/_height.scss +19 -0
  27. package/scss/base/_helpers.scss +814 -0
  28. package/scss/base/_icons.scss +162 -0
  29. package/scss/base/_ratios.scss +262 -0
  30. package/scss/base/_rtl.scss +480 -0
  31. package/scss/base/_spacing.scss +60 -0
  32. package/scss/base/_types.scss +117 -0
  33. package/scss/docs.scss +680 -0
  34. package/scss/elements/_animated.scss +73 -0
  35. package/scss/elements/_banners.scss +68 -0
  36. package/scss/elements/_buttons.scss +1324 -0
  37. package/scss/elements/_checkbox.scss +722 -0
  38. package/scss/elements/_color_selector.scss +112 -0
  39. package/scss/elements/_datalist.scss +55 -0
  40. package/scss/elements/_form.scss +708 -0
  41. package/scss/elements/_links.scss +268 -0
  42. package/scss/elements/_list.scss +271 -0
  43. package/scss/elements/_modal.scss +141 -0
  44. package/scss/elements/_progressbar.scss +20 -0
  45. package/scss/elements/_tabs.scss +216 -0
  46. package/scss/elements/_tabs_specials.scss +216 -0
  47. package/scss/elements/_tag.scss +58 -0
  48. package/scss/elements/_tooltip.scss +176 -0
  49. package/scss/layouts/_box3.scss +64 -0
  50. package/scss/layouts/_box4.scss +19 -0
  51. package/scss/layouts/_card.scss +24 -0
  52. package/scss/layouts/_card9.scss +348 -0
  53. package/scss/layouts/_feel.scss +2 -0
  54. package/scss/layouts/_header_account.scss +144 -0
  55. package/scss/layouts/_hgbread.scss +51 -0
  56. package/scss/layouts/_row1.scss +108 -0
  57. package/scss/style.scss +1 -0
package/scss/elements/_color_selector.scss ADDED
@@ -0,0 +1,112 @@
1
+ @import '../abstract/_all';
2
+
3
+ .color-wrap {
4
+ display: inline-block;
5
+ padding: 8px 0;
6
+ position: relative;
7
+ vertical-align: middle;
8
+ .name {
9
+ display: inline-block;
10
+ vertical-align: middle;
11
+ }
12
+ button {
13
+ background-color: transparent;
14
+ border: 0;
15
+ cursor: pointer;
16
+ display: inline-block;
17
+ width: 12px;
18
+ height: 12px;
19
+ left: 0;
20
+ line-height: 16px;
21
+ margin-right: 6px;
22
+ opacity: 1;
23
+ padding: 0;
24
+ position: relative;
25
+ text-align: center;
26
+ top: 0;
27
+ vertical-align: middle;
28
+
29
+ &:hover .color-selector::before,
30
+ &.is-active .color-selector::before {
31
+ transform: scale(0);
32
+ }
33
+
34
+ .color-selector {
35
+ box-sizing: border-box;
36
+ display: inline-block;
37
+ height: 100%;
38
+ margin: 0;
39
+ margin-top: 0;
40
+ position: relative;
41
+ top: 0;
42
+ width: 100%;
43
+
44
+ &::before {
45
+ border: 1px solid $c-middle-grey;
46
+ content: '';
47
+ height: 100%;
48
+ left: 0;
49
+ position: absolute;
50
+ top: 0;
51
+ transform: scale(0);
52
+ transition: all ease 275ms;
53
+ width: 100%;
54
+ }
55
+
56
+ img,
57
+ .color-plain {
58
+ border: 1px solid $c-middle-grey;
59
+ height: 10px;
60
+ left: 50%;
61
+ margin-left: -5px;
62
+ margin-top: 0;
63
+ position: absolute;
64
+ top: 50%;
65
+ transform: translateY(-50%);
66
+ width: 10px;
67
+ }
68
+ span {
69
+ border: 1px solid $c-middle-grey;
70
+ height: 12px;
71
+ left: 50%;
72
+ margin-left: -6px;
73
+ margin-top: 0;
74
+ position: absolute;
75
+ top: 50%;
76
+ transform: translateY(-50%);
77
+ width: 12px;
78
+ }
79
+ }
80
+
81
+ &:hover::before,
82
+ .is-active {
83
+ transform: scale(1);
84
+ }
85
+
86
+ .color-square {
87
+ border-radius: 0;
88
+ &::before {
89
+ border: 1px solid $c-middle-grey;
90
+ border-radius: 0;
91
+ }
92
+ &:hover {
93
+ border-radius: 0;
94
+ }
95
+ img,
96
+ .color-plain {
97
+ border: 1px solid $c-middle-grey;
98
+ border-radius: 0;
99
+ }
100
+ span {
101
+ border-radius: 0;
102
+ }
103
+ }
104
+ }
105
+ .color-more {
106
+ display: inline-block;
107
+ margin-left: 5px;
108
+ span {
109
+ border-bottom: 1px dotted $c-dark-grey;
110
+ }
111
+ }
112
+ }
package/scss/elements/_datalist.scss ADDED
@@ -0,0 +1,55 @@
1
+ @import '../abstract/_all';
2
+
3
+ .form-input-label,
4
+ .form-input-label-2 {
5
+ .validation-error-messages {
6
+ color: $c-error;
7
+
8
+ svg {
9
+ path {
10
+ fill: $c-error;
11
+ }
12
+ }
13
+ }
14
+
15
+ &.datalist {
16
+ input {
17
+ &:focus + svg {
18
+ transform: rotate(-180deg);
19
+ transition: 0.6s;
20
+ }
21
+
22
+ &.validation-error + svg path {
23
+ fill: red;
24
+ }
25
+ }
26
+
27
+ & input::-webkit-list-button,
28
+ & input::-webkit-calendar-picker-indicator {
29
+ display: none;
30
+ opacity: 0;
31
+ }
32
+
33
+ svg {
34
+ position: absolute;
35
+ top: 16px;
36
+ right: 16px;
37
+ transform: rotate(0deg);
38
+ transition: 0.6s;
39
+ }
40
+
41
+ .validation-error-messages {
42
+ color: $c-error;
43
+
44
+ svg {
45
+ position: relative;
46
+ top: auto;
47
+ right: auto;
48
+
49
+ path {
50
+ fill: $c-error;
51
+ }
52
+ }
53
+ }
54
+ }
55
+ }