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/_animated.scss ADDED
@@ -0,0 +1,73 @@
1
+ @import '../abstract/_all'; /* deprecated no se usan */
2
+
3
+ .arrow-cover {
4
+ height: auto;
5
+ padding: 30px;
6
+ position: absolute;
7
+ bottom: 0;
8
+ right: 0;
9
+ color: $c-primary;
10
+ display: box;
11
+ display: flexbox;
12
+ display: flex;
13
+ opacity: 1;
14
+ -webkit-box-align: end;
15
+ -ms-flex-align: end;
16
+ align-items: flex-end;
17
+ transition: opacity 0.3s ease;
18
+ z-index: 6;
19
+ }
20
+
21
+ .arrow-cover svg {
22
+ animation: bounce 0.8s infinite alternate;
23
+ }
24
+
25
+ .line-scrolldown {
26
+ position: absolute;
27
+ top: calc(100% - 120px);
28
+ left: 50%;
29
+ z-index: 3;
30
+ opacity: 1;
31
+ transform: translateX(-50%);
32
+
33
+ &::before {
34
+ content: '';
35
+ position: absolute;
36
+ top: 40px;
37
+ left: 50%;
38
+ width: 12px;
39
+ height: 12px;
40
+ border-radius: 50%;
41
+ background: $c-primary;
42
+ transform: translateX(-50%);
43
+ }
44
+
45
+ &::after {
46
+ content: '';
47
+ position: absolute;
48
+ top: 40px;
49
+ left: 50%;
50
+ width: 1px;
51
+ height: 0;
52
+ border-radius: 2px;
53
+ background: $c-primary;
54
+ transform: translateX(-50%);
55
+ animation: stretch 1s 1.5s cubic-bezier(0.55, 0.085, 0, 0.99) forwards;
56
+ }
57
+ }
58
+
59
+ .has-light {
60
+ .arrow-cover {
61
+ color: $c-white;
62
+ }
63
+
64
+ .line-scrolldown {
65
+ &::before {
66
+ background: $c-white;
67
+ }
68
+
69
+ &::after {
70
+ background: $c-white;
71
+ }
72
+ }
73
+ }
package/scss/elements/_banners.scss ADDED
@@ -0,0 +1,68 @@
1
+ @import '../abstract/_all';
2
+
3
+ .marketing-spot {
4
+ display: flex;
5
+ align-items: center;
6
+ justify-content: center;
7
+ flex-flow: row nowrap;
8
+ padding: 16px;
9
+ border: 1px solid $c-primary;
10
+ margin-top: 16px;
11
+
12
+ svg-icon {
13
+ margin-right: 8px;
14
+ z-index: -1;
15
+ }
16
+ }
17
+
18
+ @mixin banner() {
19
+ display: flex;
20
+ align-items: center;
21
+ justify-content: center;
22
+ flex-flow: row nowrap;
23
+ padding: 24px 16px;
24
+ margin-top: 16px;
25
+ text-align: center;
26
+ }
27
+
28
+ .banner-warning {
29
+ @include banner;
30
+
31
+ background-color: $c-warning;
32
+ color: $c-white;
33
+ }
34
+
35
+ .banner-info {
36
+ @include banner;
37
+
38
+ background-color: $c-info;
39
+ color: $c-white;
40
+ }
41
+
42
+ .banner-valid {
43
+ @include banner;
44
+
45
+ background-color: $c-valid;
46
+ color: $c-white;
47
+ }
48
+
49
+ .banner-alert {
50
+ @include banner;
51
+
52
+ background-color: $c-alert;
53
+ color: $c-primary;
54
+ }
55
+
56
+ .banner-feel {
57
+ @include banner;
58
+
59
+ background-color: $c-feel;
60
+ color: $c-primary;
61
+ }
62
+
63
+ .banner-limited {
64
+ @include banner;
65
+
66
+ background-color: $bg-black;
67
+ color: $c-white;
68
+ }