noctemyth 0.0.36

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 (104) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +60 -0
  3. package/dist/css/noctemyth-skelton.css +11880 -0
  4. package/dist/css/noctemyth-skelton.css.map +1 -0
  5. package/dist/css/noctemyth-skelton.min.css +11880 -0
  6. package/dist/css/noctemyth-skelton.min.css.map +1 -0
  7. package/dist/css/noctemyth-utilities.css +142390 -0
  8. package/dist/css/noctemyth-utilities.css.map +1 -0
  9. package/dist/css/noctemyth-utilities.min.css +142390 -0
  10. package/dist/css/noctemyth-utilities.min.css.map +1 -0
  11. package/dist/css/noctemyth.css +51864 -0
  12. package/dist/css/noctemyth.css.map +1 -0
  13. package/dist/css/noctemyth.min.css +26439 -0
  14. package/dist/css/noctemyth.min.css.map +1 -0
  15. package/package.json +61 -0
  16. package/src/animations/fade.scss +41 -0
  17. package/src/animations/index.scss +1 -0
  18. package/src/backgrounds/dot.scss +55 -0
  19. package/src/backgrounds/gingham.scss +56 -0
  20. package/src/backgrounds/index.scss +5 -0
  21. package/src/backgrounds/rhombus.scss +49 -0
  22. package/src/backgrounds/stripe.scss +45 -0
  23. package/src/backgrounds/zigzag.scss +71 -0
  24. package/src/base/dub.scss +9 -0
  25. package/src/base/element.scss +5 -0
  26. package/src/base/index.scss +3 -0
  27. package/src/base/normalize.scss +394 -0
  28. package/src/components/accordion.scss +179 -0
  29. package/src/components/badge.scss +109 -0
  30. package/src/components/blockquote.scss +92 -0
  31. package/src/components/breadcrumbs.scss +47 -0
  32. package/src/components/button.scss +157 -0
  33. package/src/components/card.scss +89 -0
  34. package/src/components/dialogue.scss +452 -0
  35. package/src/components/div.scss +7 -0
  36. package/src/components/footer.scss +21 -0
  37. package/src/components/hamburger.scss +157 -0
  38. package/src/components/header.scss +36 -0
  39. package/src/components/heading.scss +40 -0
  40. package/src/components/image.scss +10 -0
  41. package/src/components/index.scss +26 -0
  42. package/src/components/input.scss +338 -0
  43. package/src/components/label.scss +17 -0
  44. package/src/components/link.scss +29 -0
  45. package/src/components/list.scss +16 -0
  46. package/src/components/loader.scss +72 -0
  47. package/src/components/main.scss +8 -0
  48. package/src/components/message.scss +53 -0
  49. package/src/components/modal.scss +41 -0
  50. package/src/components/nav.scss +387 -0
  51. package/src/components/paragraph.scss +12 -0
  52. package/src/components/progress.scss +43 -0
  53. package/src/components/section.scss +7 -0
  54. package/src/components/span.scss +7 -0
  55. package/src/css-variables/animation.scss +11 -0
  56. package/src/css-variables/border.scss +16 -0
  57. package/src/css-variables/color.scss +604 -0
  58. package/src/css-variables/components/breadcrumbs.scss +5 -0
  59. package/src/css-variables/components/button.scss +6 -0
  60. package/src/css-variables/components/dialogue.scss +15 -0
  61. package/src/css-variables/components/header.scss +7 -0
  62. package/src/css-variables/components/heading.scss +5 -0
  63. package/src/css-variables/components/index.scss +5 -0
  64. package/src/css-variables/index.scss +7 -0
  65. package/src/css-variables/miscellaneous.scss +8 -0
  66. package/src/css-variables/typography.scss +24 -0
  67. package/src/functions/index.scss +1 -0
  68. package/src/functions/string.scss +31 -0
  69. package/src/icons/check.scss +21 -0
  70. package/src/icons/chevron.scss +30 -0
  71. package/src/icons/index.scss +2 -0
  72. package/src/layouts/centering.scss +13 -0
  73. package/src/layouts/columns.scss +97 -0
  74. package/src/layouts/container.scss +59 -0
  75. package/src/layouts/index.scss +3 -0
  76. package/src/mixins/animation.scss +80 -0
  77. package/src/mixins/color.scss +33 -0
  78. package/src/mixins/element.scss +5 -0
  79. package/src/mixins/index.scss +5 -0
  80. package/src/mixins/responsive.scss +222 -0
  81. package/src/noctemyth-skelton.scss +12 -0
  82. package/src/noctemyth-utilities.scss +3 -0
  83. package/src/noctemyth.scss +9 -0
  84. package/src/utilities/border.scss +46 -0
  85. package/src/utilities/color.scss +327 -0
  86. package/src/utilities/decoration.scss +16 -0
  87. package/src/utilities/index.scss +7 -0
  88. package/src/utilities/positioning.scss +90 -0
  89. package/src/utilities/sizing.scss +142 -0
  90. package/src/utilities/spacing.scss +154 -0
  91. package/src/utilities/typography.scss +109 -0
  92. package/src/variables/animation.scss +8 -0
  93. package/src/variables/border.scss +81 -0
  94. package/src/variables/color.scss +1371 -0
  95. package/src/variables/components/breadcrumbs.scss +3 -0
  96. package/src/variables/components/button.scss +3 -0
  97. package/src/variables/components/dialogue.scss +12 -0
  98. package/src/variables/components/header.scss +3 -0
  99. package/src/variables/components/heading.scss +3 -0
  100. package/src/variables/components/index.scss +5 -0
  101. package/src/variables/index.scss +8 -0
  102. package/src/variables/layout.scss +28 -0
  103. package/src/variables/miscellaneous.scss +14 -0
  104. package/src/variables/typography.scss +26 -0
package/src/variables/components/breadcrumbs.scss ADDED
@@ -0,0 +1,3 @@
1
+ @use "sass:string";
2
+
3
+ $breadcrumb-divider: string.quote(">") !default;
package/src/variables/components/button.scss ADDED
@@ -0,0 +1,3 @@
1
+
2
+ $button-padding-x: 1rem !default;
3
+ $button-padding-y: 0.5rem !default;
package/src/variables/components/dialogue.scss ADDED
@@ -0,0 +1,12 @@
1
+
2
+ $dialogue-avatar-size-default: 4rem !default;
3
+ $dialogue-avatar-size-small: 3rem !default;
4
+ $dialogue-avatar-size-large: 5rem !default;
5
+ $dialogue-avatar-top-offset: 1rem !default;
6
+ $dialogue-name-font-size: 1rem !default;
7
+ $dialogue-name-padding-x: 1rem !default;
8
+ $dialogue-name-padding-y: 0.5rem !default;
9
+ $dialogue-messege-arrow-width: 1rem !default;
10
+ $dialogue-messege-arrow-height: 1rem !default;
11
+ $dialogue-message-inner-padding-x: 1rem !default;
12
+ $dialogue-message-inner-padding-y: 1rem !default;
package/src/variables/components/header.scss ADDED
@@ -0,0 +1,3 @@
1
+ $header-backdrop-filter: blur(0.25rem) !default;
2
+ $header-z-index-is-sticky: 100 !default;
3
+ $header-z-index-is-fixed: 100 !default;
package/src/variables/components/heading.scss ADDED
@@ -0,0 +1,3 @@
1
+ @use "../typography.scss" as typographyVariables;
2
+
3
+ $font-family-heading: typographyVariables.$font-family-sans-serif !default;
package/src/variables/components/index.scss ADDED
@@ -0,0 +1,5 @@
1
+ @forward "./breadcrumbs.scss";
2
+ @forward "./button.scss";
3
+ @forward "./dialogue.scss";
4
+ @forward "./header.scss";
5
+ @forward "./heading.scss";
package/src/variables/index.scss ADDED
@@ -0,0 +1,8 @@
1
+
2
+ @forward "./animation.scss";
3
+ @forward "./border.scss";
4
+ @forward "./color.scss";
5
+ @forward "./components/index.scss";
6
+ @forward "./layout.scss";
7
+ @forward "./miscellaneous.scss";
8
+ @forward "./typography.scss";
package/src/variables/layout.scss ADDED
@@ -0,0 +1,28 @@
1
+ $breakpoint-xsmall: 0 !default;
2
+ $breakpoint-small: 544px !default;
3
+ $breakpoint-medium: 768px !default;
4
+ $breakpoint-large: 1024px !default;
5
+ $breakpoint-xlarge: 1200px !default;
6
+
7
+ $breakpoints: (
8
+ (
9
+ "name": "xsmall",
10
+ "value": $breakpoint-xsmall,
11
+ ),
12
+ (
13
+ "name": "small",
14
+ "value": $breakpoint-small,
15
+ ),
16
+ (
17
+ "name": "medium",
18
+ "value": $breakpoint-medium,
19
+ ),
20
+ (
21
+ "name": "large",
22
+ "value": $breakpoint-large,
23
+ ),
24
+ (
25
+ "name": "xlarge",
26
+ "value": $breakpoint-xlarge,
27
+ )
28
+ );
package/src/variables/miscellaneous.scss ADDED
@@ -0,0 +1,14 @@
1
+ $prefix: "noctemyth-" !default;
2
+
3
+ $is-skelton: false !default;
4
+
5
+ $enable-smooth-scroll: true !default;
6
+
7
+ $z-index-tabula: auto !default;
8
+
9
+ $z-index-modal: 100 !default;
10
+ $z-index-modal-content: auto !default;
11
+
12
+ $columns-count: 12 !default;
13
+
14
+ $responsive-breakpoint-max-width-offset: 0.02px !default;
package/src/variables/typography.scss ADDED
@@ -0,0 +1,26 @@
1
+ $font-family-serif: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro",
2
+ serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
3
+ $font-family-sans-serif: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN",
4
+ "Hiragino Sans", Meiryo, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
5
+ "Segoe UI Symbol";
6
+ $font-family-monospace: "Consolas", "Courier New", courier, monospace,
7
+ "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
8
+
9
+ $font-size-root: null !default;
10
+ $font-size-base: 1rem !default;
11
+ $font-size-xsmall: $font-size-base * 0.5 !default;
12
+ $font-size-small: $font-size-base * 0.75 !default;
13
+ $font-size-normal: $font-size-base !default;
14
+ $font-size-medium: $font-size-base * 1.25 !default;
15
+ $font-size-large: $font-size-base * 1.5 !default;
16
+ $font-size-xlarge: $font-size-base * 1.75 !default;
17
+ $font-size-xxlarge: $font-size-base * 2 !default;
18
+ $font-size-xxxlarge: $font-size-base * 2.5 !default;
19
+ $font-size-xxxxlarge: $font-size-base * 3 !default;
20
+ $font-size-xxxxxlarge: $font-size-base * 3.5 !default;
21
+
22
+ $font-weight-light: 300 !default;
23
+ $font-weight-normal: 400 !default;
24
+ $font-weight-medium: 500 !default;
25
+ $font-weight-semibold: 600 !default;
26
+ $font-weight-bold: 700 !default;