noctemyth 0.2.0 → 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 (80) hide show
  1. package/dist/css/noctemyth-skelton.css +3171 -8838
  2. package/dist/css/noctemyth-skelton.css.map +1 -1
  3. package/dist/css/noctemyth-skelton.min.css +3171 -8838
  4. package/dist/css/noctemyth-skelton.min.css.map +1 -1
  5. package/dist/css/noctemyth-utilities.css +55988 -77487
  6. package/dist/css/noctemyth-utilities.css.map +1 -1
  7. package/dist/css/noctemyth-utilities.min.css +55988 -77487
  8. package/dist/css/noctemyth-utilities.min.css.map +1 -1
  9. package/dist/css/noctemyth.css +26697 -38194
  10. package/dist/css/noctemyth.css.map +1 -1
  11. package/dist/css/noctemyth.min.css +5866 -22994
  12. package/dist/css/noctemyth.min.css.map +1 -1
  13. package/package.json +8 -8
  14. package/src/animations/fade.scss +2 -2
  15. package/src/backgrounds/dot.scss +28 -20
  16. package/src/backgrounds/gingham.scss +22 -21
  17. package/src/backgrounds/rhombus.scss +45 -22
  18. package/src/backgrounds/stripe.scss +19 -14
  19. package/src/backgrounds/zigzag.scss +34 -25
  20. package/src/base/accessibility.scss +68 -0
  21. package/src/base/dub.scss +34 -4
  22. package/src/base/element.scss +1 -1
  23. package/src/base/index.scss +2 -0
  24. package/src/base/normalize.scss +0 -8
  25. package/src/base/root.scss +25 -0
  26. package/src/components/accordion.scss +183 -90
  27. package/src/components/aside.scss +7 -0
  28. package/src/components/badge.scss +170 -64
  29. package/src/components/blockquote.scss +52 -27
  30. package/src/components/breadcrumbs.scss +46 -16
  31. package/src/components/button.scss +177 -88
  32. package/src/components/card.scss +147 -48
  33. package/src/components/description-list.scss +46 -0
  34. package/src/components/dialogue.scss +194 -143
  35. package/src/components/div.scss +1 -1
  36. package/src/components/figure.scss +173 -0
  37. package/src/components/footer.scss +20 -6
  38. package/src/components/hamburger.scss +77 -51
  39. package/src/components/header.scss +42 -6
  40. package/src/components/heading.scss +6 -7
  41. package/src/components/image.scss +1 -1
  42. package/src/components/index.scss +3 -0
  43. package/src/components/input.scss +110 -69
  44. package/src/components/label.scss +34 -4
  45. package/src/components/link.scss +56 -12
  46. package/src/components/list.scss +39 -9
  47. package/src/components/loader.scss +10 -8
  48. package/src/components/main.scss +1 -1
  49. package/src/components/message.scss +100 -24
  50. package/src/components/modal.scss +18 -8
  51. package/src/components/nav.scss +600 -280
  52. package/src/components/paragraph.scss +1 -2
  53. package/src/components/progress.scss +42 -16
  54. package/src/components/section.scss +1 -1
  55. package/src/components/span.scss +1 -1
  56. package/src/css-variables/animation.scss +1 -1
  57. package/src/css-variables/border.scss +1 -1
  58. package/src/css-variables/color.scss +757 -468
  59. package/src/css-variables/components/dialogue.scss +2 -2
  60. package/src/css-variables/components/header.scss +1 -0
  61. package/src/css-variables/index.scss +1 -0
  62. package/src/css-variables/layout.scss +11 -0
  63. package/src/css-variables/miscellaneous.scss +4 -4
  64. package/src/css-variables/typography.scss +1 -1
  65. package/src/functions/color.scss +13 -0
  66. package/src/functions/index.scss +1 -0
  67. package/src/functions/string.scss +12 -0
  68. package/src/layouts/centering.scss +1 -1
  69. package/src/layouts/columns.scss +57 -51
  70. package/src/layouts/container.scss +33 -31
  71. package/src/mixins/color.scss +0 -32
  72. package/src/mixins/element.scss +2 -2
  73. package/src/mixins/responsive.scss +12 -11
  74. package/src/utilities/border.scss +4 -0
  75. package/src/utilities/color.scss +112 -6
  76. package/src/variables/color.scss +1169 -1084
  77. package/src/variables/components/dialogue.scss +2 -2
  78. package/src/variables/components/header.scss +1 -0
  79. package/src/variables/layout.scss +13 -11
  80. package/src/variables/miscellaneous.scss +1 -3
package/src/variables/components/dialogue.scss CHANGED
@@ -6,7 +6,7 @@ $dialogue-avatar-top-offset: 1rem !default;
6
6
  $dialogue-name-font-size: 1rem !default;
7
7
  $dialogue-name-padding-x: 1rem !default;
8
8
  $dialogue-name-padding-y: 0.5rem !default;
9
- $dialogue-messege-arrow-width: 1rem !default;
10
- $dialogue-messege-arrow-height: 1rem !default;
9
+ $dialogue-message-arrow-width: 1rem !default;
10
+ $dialogue-message-arrow-height: 1rem !default;
11
11
  $dialogue-message-inner-padding-x: 1rem !default;
12
12
  $dialogue-message-inner-padding-y: 1rem !default;
package/src/variables/components/header.scss CHANGED
@@ -1,3 +1,4 @@
1
+ $header-min-height: 4rem !default;
1
2
  $header-backdrop-filter: blur(0.25rem) !default;
2
3
  $header-z-index-is-sticky: 100 !default;
3
4
  $header-z-index-is-fixed: 100 !default;
package/src/variables/layout.scss CHANGED
@@ -1,28 +1,30 @@
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;
1
+ $responsive-breakpoint-xsmall: 0 !default;
2
+ $responsive-breakpoint-small: 544px !default;
3
+ $responsive-breakpoint-medium: 768px !default;
4
+ $responsive-breakpoint-large: 1024px !default;
5
+ $responsive-breakpoint-xlarge: 1200px !default;
6
6
 
7
7
  $breakpoints: (
8
8
  (
9
9
  "name": "xsmall",
10
- "value": $breakpoint-xsmall,
10
+ "value": $responsive-breakpoint-xsmall,
11
11
  ),
12
12
  (
13
13
  "name": "small",
14
- "value": $breakpoint-small,
14
+ "value": $responsive-breakpoint-small,
15
15
  ),
16
16
  (
17
17
  "name": "medium",
18
- "value": $breakpoint-medium,
18
+ "value": $responsive-breakpoint-medium,
19
19
  ),
20
20
  (
21
21
  "name": "large",
22
- "value": $breakpoint-large,
22
+ "value": $responsive-breakpoint-large,
23
23
  ),
24
24
  (
25
25
  "name": "xlarge",
26
- "value": $breakpoint-xlarge,
26
+ "value": $responsive-breakpoint-xlarge,
27
27
  )
28
- );
28
+ ) !default;
29
+
30
+ $responsive-breakpoint-max-width-offset: -0.02px !default;
package/src/variables/miscellaneous.scss CHANGED
@@ -4,11 +4,9 @@ $is-skelton: false !default;
4
4
 
5
5
  $enable-smooth-scroll: true !default;
6
6
 
7
- $z-index-tabula: auto !default;
7
+ $z-index-dub: auto !default;
8
8
 
9
9
  $z-index-modal: 100 !default;
10
10
  $z-index-modal-content: auto !default;
11
11
 
12
12
  $columns-count: 12 !default;
13
-
14
- $responsive-breakpoint-max-width-offset: 0.02px !default;