clarus-css 0.1.0 → 0.1.1

package/dist/css/layout.css

@@ -0,0 +1,485 @@
+@import url("https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap");
+@import url("https://fonts.googleapis.com/css2?family=Google+Sans+Flex:opsz,wght@6..144,1..1000&display=swap");
+:root {
+  --clarus-color-white: #ffffff;
+  --clarus-color-black: #000000;
+  --clarus-color-primary: #1a73e8;
+  --clarus-color-success: #1fca7a;
+  --clarus-color-warning: #f9ab00;
+  --clarus-color-danger: #d93025;
+  --clarus-color-info: #1a73e8;
+  --clarus-color-text: #202124;
+  --clarus-color-muted: #777777;
+  --clarus-color-border: #ced4da;
+  --clarus-color-surface: #ffffff;
+  --clarus-color-subtle: #f8f9fa;
+  --clarus-font-sans: Google Sans Flex, sans-serif;
+  --clarus-font-mono: Source Code Pro, monospace;
+  --clarus-line-height-base: 1.5;
+  --clarus-radius-sm: 4px;
+  --clarus-radius-md: 6px;
+  --clarus-radius-lg: 8px;
+  --clarus-gutter-x: 1.5rem;
+  --clarus-gutter-y: 0px;
+}
+
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+html {
+  line-height: var(--clarus-line-height-base);
+  -webkit-text-size-adjust: 100%;
+     -moz-text-size-adjust: 100%;
+          text-size-adjust: 100%;
+}
+
+body {
+  margin: 0;
+  color: var(--clarus-color-text);
+  background-color: var(--clarus-color-surface);
+}
+
+body,
+button,
+input,
+select,
+textarea {
+  font-family: var(--clarus-font-sans);
+}
+
+code,
+kbd,
+pre,
+samp {
+  font-family: var(--clarus-font-mono);
+}
+
+.container,
+.container-sm,
+.container-md,
+.container-lg,
+.container-xl,
+.container-xxl,
+.container-fluid {
+  width: 100%;
+  margin-right: auto;
+  margin-left: auto;
+}
+
+@media (min-width: 576px) {
+  .container,
+  .container-sm {
+    max-width: 540px;
+  }
+}
+@media (min-width: 768px) {
+  .container,
+  .container-md {
+    max-width: 720px;
+  }
+}
+@media (min-width: 992px) {
+  .container,
+  .container-lg {
+    max-width: 960px;
+  }
+}
+@media (min-width: 1200px) {
+  .container,
+  .container-xl {
+    max-width: 1140px;
+  }
+}
+@media (min-width: 1400px) {
+  .container,
+  .container-xxl {
+    max-width: 1320px;
+  }
+}
+.row {
+  display: flex;
+  flex-wrap: wrap;
+  margin-top: calc(var(--clarus-gutter-y) * -1);
+  margin-right: calc(var(--clarus-gutter-x) / -2);
+  margin-left: calc(var(--clarus-gutter-x) / -2);
+}
+
+.row > * {
+  margin-top: var(--clarus-gutter-y);
+  padding-right: calc(var(--clarus-gutter-x) / 2);
+  padding-left: calc(var(--clarus-gutter-x) / 2);
+}
+
+.row-fluid {
+  width: 100%;
+}
+
+.col-fluid {
+  width: 100%;
+}
+
+.col {
+  flex: 1 0 0%;
+}
+
+.col-auto {
+  flex: 0 0 auto;
+  width: auto;
+}
+
+.col-1 {
+  flex: 0 0 auto;
+  width: 8.3333333333%;
+}
+
+.col-2 {
+  flex: 0 0 auto;
+  width: 16.6666666667%;
+}
+
+.col-3 {
+  flex: 0 0 auto;
+  width: 25%;
+}
+
+.col-4 {
+  flex: 0 0 auto;
+  width: 33.3333333333%;
+}
+
+.col-5 {
+  flex: 0 0 auto;
+  width: 41.6666666667%;
+}
+
+.col-6 {
+  flex: 0 0 auto;
+  width: 50%;
+}
+
+.col-7 {
+  flex: 0 0 auto;
+  width: 58.3333333333%;
+}
+
+.col-8 {
+  flex: 0 0 auto;
+  width: 66.6666666667%;
+}
+
+.col-9 {
+  flex: 0 0 auto;
+  width: 75%;
+}
+
+.col-10 {
+  flex: 0 0 auto;
+  width: 83.3333333333%;
+}
+
+.col-11 {
+  flex: 0 0 auto;
+  width: 91.6666666667%;
+}
+
+.col-12 {
+  flex: 0 0 auto;
+  width: 100%;
+}
+
+@media (min-width: 576px) {
+  .col-sm {
+    flex: 1 0 0%;
+  }
+  .col-sm-auto {
+    flex: 0 0 auto;
+    width: auto;
+  }
+  .col-sm-1 {
+    flex: 0 0 auto;
+    width: 8.3333333333%;
+  }
+  .col-sm-2 {
+    flex: 0 0 auto;
+    width: 16.6666666667%;
+  }
+  .col-sm-3 {
+    flex: 0 0 auto;
+    width: 25%;
+  }
+  .col-sm-4 {
+    flex: 0 0 auto;
+    width: 33.3333333333%;
+  }
+  .col-sm-5 {
+    flex: 0 0 auto;
+    width: 41.6666666667%;
+  }
+  .col-sm-6 {
+    flex: 0 0 auto;
+    width: 50%;
+  }
+  .col-sm-7 {
+    flex: 0 0 auto;
+    width: 58.3333333333%;
+  }
+  .col-sm-8 {
+    flex: 0 0 auto;
+    width: 66.6666666667%;
+  }
+  .col-sm-9 {
+    flex: 0 0 auto;
+    width: 75%;
+  }
+  .col-sm-10 {
+    flex: 0 0 auto;
+    width: 83.3333333333%;
+  }
+  .col-sm-11 {
+    flex: 0 0 auto;
+    width: 91.6666666667%;
+  }
+  .col-sm-12 {
+    flex: 0 0 auto;
+    width: 100%;
+  }
+}
+@media (min-width: 768px) {
+  .col-md {
+    flex: 1 0 0%;
+  }
+  .col-md-auto {
+    flex: 0 0 auto;
+    width: auto;
+  }
+  .col-md-1 {
+    flex: 0 0 auto;
+    width: 8.3333333333%;
+  }
+  .col-md-2 {
+    flex: 0 0 auto;
+    width: 16.6666666667%;
+  }
+  .col-md-3 {
+    flex: 0 0 auto;
+    width: 25%;
+  }
+  .col-md-4 {
+    flex: 0 0 auto;
+    width: 33.3333333333%;
+  }
+  .col-md-5 {
+    flex: 0 0 auto;
+    width: 41.6666666667%;
+  }
+  .col-md-6 {
+    flex: 0 0 auto;
+    width: 50%;
+  }
+  .col-md-7 {
+    flex: 0 0 auto;
+    width: 58.3333333333%;
+  }
+  .col-md-8 {
+    flex: 0 0 auto;
+    width: 66.6666666667%;
+  }
+  .col-md-9 {
+    flex: 0 0 auto;
+    width: 75%;
+  }
+  .col-md-10 {
+    flex: 0 0 auto;
+    width: 83.3333333333%;
+  }
+  .col-md-11 {
+    flex: 0 0 auto;
+    width: 91.6666666667%;
+  }
+  .col-md-12 {
+    flex: 0 0 auto;
+    width: 100%;
+  }
+}
+@media (min-width: 992px) {
+  .col-lg {
+    flex: 1 0 0%;
+  }
+  .col-lg-auto {
+    flex: 0 0 auto;
+    width: auto;
+  }
+  .col-lg-1 {
+    flex: 0 0 auto;
+    width: 8.3333333333%;
+  }
+  .col-lg-2 {
+    flex: 0 0 auto;
+    width: 16.6666666667%;
+  }
+  .col-lg-3 {
+    flex: 0 0 auto;
+    width: 25%;
+  }
+  .col-lg-4 {
+    flex: 0 0 auto;
+    width: 33.3333333333%;
+  }
+  .col-lg-5 {
+    flex: 0 0 auto;
+    width: 41.6666666667%;
+  }
+  .col-lg-6 {
+    flex: 0 0 auto;
+    width: 50%;
+  }
+  .col-lg-7 {
+    flex: 0 0 auto;
+    width: 58.3333333333%;
+  }
+  .col-lg-8 {
+    flex: 0 0 auto;
+    width: 66.6666666667%;
+  }
+  .col-lg-9 {
+    flex: 0 0 auto;
+    width: 75%;
+  }
+  .col-lg-10 {
+    flex: 0 0 auto;
+    width: 83.3333333333%;
+  }
+  .col-lg-11 {
+    flex: 0 0 auto;
+    width: 91.6666666667%;
+  }
+  .col-lg-12 {
+    flex: 0 0 auto;
+    width: 100%;
+  }
+}
+@media (min-width: 1200px) {
+  .col-xl {
+    flex: 1 0 0%;
+  }
+  .col-xl-auto {
+    flex: 0 0 auto;
+    width: auto;
+  }
+  .col-xl-1 {
+    flex: 0 0 auto;
+    width: 8.3333333333%;
+  }
+  .col-xl-2 {
+    flex: 0 0 auto;
+    width: 16.6666666667%;
+  }
+  .col-xl-3 {
+    flex: 0 0 auto;
+    width: 25%;
+  }
+  .col-xl-4 {
+    flex: 0 0 auto;
+    width: 33.3333333333%;
+  }
+  .col-xl-5 {
+    flex: 0 0 auto;
+    width: 41.6666666667%;
+  }
+  .col-xl-6 {
+    flex: 0 0 auto;
+    width: 50%;
+  }
+  .col-xl-7 {
+    flex: 0 0 auto;
+    width: 58.3333333333%;
+  }
+  .col-xl-8 {
+    flex: 0 0 auto;
+    width: 66.6666666667%;
+  }
+  .col-xl-9 {
+    flex: 0 0 auto;
+    width: 75%;
+  }
+  .col-xl-10 {
+    flex: 0 0 auto;
+    width: 83.3333333333%;
+  }
+  .col-xl-11 {
+    flex: 0 0 auto;
+    width: 91.6666666667%;
+  }
+  .col-xl-12 {
+    flex: 0 0 auto;
+    width: 100%;
+  }
+}
+@media (min-width: 1400px) {
+  .col-xxl {
+    flex: 1 0 0%;
+  }
+  .col-xxl-auto {
+    flex: 0 0 auto;
+    width: auto;
+  }
+  .col-xxl-1 {
+    flex: 0 0 auto;
+    width: 8.3333333333%;
+  }
+  .col-xxl-2 {
+    flex: 0 0 auto;
+    width: 16.6666666667%;
+  }
+  .col-xxl-3 {
+    flex: 0 0 auto;
+    width: 25%;
+  }
+  .col-xxl-4 {
+    flex: 0 0 auto;
+    width: 33.3333333333%;
+  }
+  .col-xxl-5 {
+    flex: 0 0 auto;
+    width: 41.6666666667%;
+  }
+  .col-xxl-6 {
+    flex: 0 0 auto;
+    width: 50%;
+  }
+  .col-xxl-7 {
+    flex: 0 0 auto;
+    width: 58.3333333333%;
+  }
+  .col-xxl-8 {
+    flex: 0 0 auto;
+    width: 66.6666666667%;
+  }
+  .col-xxl-9 {
+    flex: 0 0 auto;
+    width: 75%;
+  }
+  .col-xxl-10 {
+    flex: 0 0 auto;
+    width: 83.3333333333%;
+  }
+  .col-xxl-11 {
+    flex: 0 0 auto;
+    width: 91.6666666667%;
+  }
+  .col-xxl-12 {
+    flex: 0 0 auto;
+    width: 100%;
+  }
+}
+[data-theme=dark] {
+  --clarus-color-text: #f1f3f4;
+  --clarus-color-muted: #bdc1c6;
+  --clarus-color-border: #3c4043;
+  --clarus-color-surface: #202124;
+  --clarus-color-subtle: #2b2c2f;
+}
+/*# sourceMappingURL=layout.css.map */

package/dist/css/layout.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["file:///C:/Users/jwmenezes/Downloads/Developer/Minimal%20Styles/scss/base/_typography.scss","file:///C:/Users/jwmenezes/Downloads/Developer/Minimal%20Styles/scss/tokens/_root.scss","../../scss/entries/layout-entry.scss","file:///C:/Users/jwmenezes/Downloads/Developer/Minimal%20Styles/scss/base/_reset.scss","file:///C:/Users/jwmenezes/Downloads/Developer/Minimal%20Styles/scss/layout/_containers.scss","file:///C:/Users/jwmenezes/Downloads/Developer/Minimal%20Styles/scss/tools/_mixins.scss","file:///C:/Users/jwmenezes/Downloads/Developer/Minimal%20Styles/scss/settings/_breakpoints.scss","file:///C:/Users/jwmenezes/Downloads/Developer/Minimal%20Styles/scss/layout/_grid.scss","file:///C:/Users/jwmenezes/Downloads/Developer/Minimal%20Styles/scss/themes/_dark.scss"],"names":[],"mappings":"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","file":"layout.css","sourcesContent":["@import url(\"https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap\");\n@import url(\"https://fonts.googleapis.com/css2?family=Google+Sans+Flex:opsz,wght@6..144,1..1000&display=swap\");\n\nbody,\nbutton,\ninput,\nselect,\ntextarea {\n  font-family: var(--clarus-font-sans);\n}\n\ncode,\nkbd,\npre,\nsamp {\n  font-family: var(--clarus-font-mono);\n}\n","@use \"sass:map\";\n@use \"../settings\" as *;\n\n:root {\n  --clarus-color-white: #{$color-white};\n  --clarus-color-black: #{$color-black};\n  --clarus-color-primary: #{$color-primary};\n  --clarus-color-success: #{$color-success};\n  --clarus-color-warning: #{$color-warning};\n  --clarus-color-danger: #{$color-danger};\n  --clarus-color-info: #{$color-info};\n  --clarus-color-text: #{$color-gray-900};\n  --clarus-color-muted: #{$color-gray-600};\n  --clarus-color-border: #{$color-gray-300};\n  --clarus-color-surface: #{$color-white};\n  --clarus-color-subtle: #{$color-gray-100};\n  --clarus-font-sans: #{$font-family-sans};\n  --clarus-font-mono: #{$font-family-mono};\n  --clarus-line-height-base: #{$line-height-base};\n  --clarus-radius-sm: #{$radius-sm};\n  --clarus-radius-md: #{$radius-md};\n  --clarus-radius-lg: #{$radius-lg};\n  --clarus-gutter-x: #{map.get($spacers, 4)};\n  --clarus-gutter-y: 0px;\n}\n","@import url(\"https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap\");\n@import url(\"https://fonts.googleapis.com/css2?family=Google+Sans+Flex:opsz,wght@6..144,1..1000&display=swap\");\n:root {\n  --clarus-color-white: #ffffff;\n  --clarus-color-black: #000000;\n  --clarus-color-primary: #1a73e8;\n  --clarus-color-success: #1fca7a;\n  --clarus-color-warning: #f9ab00;\n  --clarus-color-danger: #d93025;\n  --clarus-color-info: #1a73e8;\n  --clarus-color-text: #202124;\n  --clarus-color-muted: #777777;\n  --clarus-color-border: #ced4da;\n  --clarus-color-surface: #ffffff;\n  --clarus-color-subtle: #f8f9fa;\n  --clarus-font-sans: Google Sans Flex, sans-serif;\n  --clarus-font-mono: Source Code Pro, monospace;\n  --clarus-line-height-base: 1.5;\n  --clarus-radius-sm: 4px;\n  --clarus-radius-md: 6px;\n  --clarus-radius-lg: 8px;\n  --clarus-gutter-x: 1.5rem;\n  --clarus-gutter-y: 0px;\n}\n\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\nhtml {\n  line-height: var(--clarus-line-height-base);\n  text-size-adjust: 100%;\n}\n\nbody {\n  margin: 0;\n  color: var(--clarus-color-text);\n  background-color: var(--clarus-color-surface);\n}\n\nbody,\nbutton,\ninput,\nselect,\ntextarea {\n  font-family: var(--clarus-font-sans);\n}\n\ncode,\nkbd,\npre,\nsamp {\n  font-family: var(--clarus-font-mono);\n}\n\n.container,\n.container-sm,\n.container-md,\n.container-lg,\n.container-xl,\n.container-xxl,\n.container-fluid {\n  width: 100%;\n  margin-right: auto;\n  margin-left: auto;\n}\n\n@media (min-width: 576px) {\n  .container,\n  .container-sm {\n    max-width: 540px;\n  }\n}\n@media (min-width: 768px) {\n  .container,\n  .container-md {\n    max-width: 720px;\n  }\n}\n@media (min-width: 992px) {\n  .container,\n  .container-lg {\n    max-width: 960px;\n  }\n}\n@media (min-width: 1200px) {\n  .container,\n  .container-xl {\n    max-width: 1140px;\n  }\n}\n@media (min-width: 1400px) {\n  .container,\n  .container-xxl {\n    max-width: 1320px;\n  }\n}\n.row {\n  display: flex;\n  flex-wrap: wrap;\n  margin-top: calc(var(--clarus-gutter-y) * -1);\n  margin-right: calc(var(--clarus-gutter-x) / -2);\n  margin-left: calc(var(--clarus-gutter-x) / -2);\n}\n\n.row > * {\n  margin-top: var(--clarus-gutter-y);\n  padding-right: calc(var(--clarus-gutter-x) / 2);\n  padding-left: calc(var(--clarus-gutter-x) / 2);\n}\n\n.row-fluid {\n  width: 100%;\n}\n\n.col-fluid {\n  width: 100%;\n}\n\n.col {\n  flex: 1 0 0%;\n}\n\n.col-auto {\n  flex: 0 0 auto;\n  width: auto;\n}\n\n.col-1 {\n  flex: 0 0 auto;\n  width: 8.3333333333%;\n}\n\n.col-2 {\n  flex: 0 0 auto;\n  width: 16.6666666667%;\n}\n\n.col-3 {\n  flex: 0 0 auto;\n  width: 25%;\n}\n\n.col-4 {\n  flex: 0 0 auto;\n  width: 33.3333333333%;\n}\n\n.col-5 {\n  flex: 0 0 auto;\n  width: 41.6666666667%;\n}\n\n.col-6 {\n  flex: 0 0 auto;\n  width: 50%;\n}\n\n.col-7 {\n  flex: 0 0 auto;\n  width: 58.3333333333%;\n}\n\n.col-8 {\n  flex: 0 0 auto;\n  width: 66.6666666667%;\n}\n\n.col-9 {\n  flex: 0 0 auto;\n  width: 75%;\n}\n\n.col-10 {\n  flex: 0 0 auto;\n  width: 83.3333333333%;\n}\n\n.col-11 {\n  flex: 0 0 auto;\n  width: 91.6666666667%;\n}\n\n.col-12 {\n  flex: 0 0 auto;\n  width: 100%;\n}\n\n@media (min-width: 576px) {\n  .col-sm {\n    flex: 1 0 0%;\n  }\n  .col-sm-auto {\n    flex: 0 0 auto;\n    width: auto;\n  }\n  .col-sm-1 {\n    flex: 0 0 auto;\n    width: 8.3333333333%;\n  }\n  .col-sm-2 {\n    flex: 0 0 auto;\n    width: 16.6666666667%;\n  }\n  .col-sm-3 {\n    flex: 0 0 auto;\n    width: 25%;\n  }\n  .col-sm-4 {\n    flex: 0 0 auto;\n    width: 33.3333333333%;\n  }\n  .col-sm-5 {\n    flex: 0 0 auto;\n    width: 41.6666666667%;\n  }\n  .col-sm-6 {\n    flex: 0 0 auto;\n    width: 50%;\n  }\n  .col-sm-7 {\n    flex: 0 0 auto;\n    width: 58.3333333333%;\n  }\n  .col-sm-8 {\n    flex: 0 0 auto;\n    width: 66.6666666667%;\n  }\n  .col-sm-9 {\n    flex: 0 0 auto;\n    width: 75%;\n  }\n  .col-sm-10 {\n    flex: 0 0 auto;\n    width: 83.3333333333%;\n  }\n  .col-sm-11 {\n    flex: 0 0 auto;\n    width: 91.6666666667%;\n  }\n  .col-sm-12 {\n    flex: 0 0 auto;\n    width: 100%;\n  }\n}\n@media (min-width: 768px) {\n  .col-md {\n    flex: 1 0 0%;\n  }\n  .col-md-auto {\n    flex: 0 0 auto;\n    width: auto;\n  }\n  .col-md-1 {\n    flex: 0 0 auto;\n    width: 8.3333333333%;\n  }\n  .col-md-2 {\n    flex: 0 0 auto;\n    width: 16.6666666667%;\n  }\n  .col-md-3 {\n    flex: 0 0 auto;\n    width: 25%;\n  }\n  .col-md-4 {\n    flex: 0 0 auto;\n    width: 33.3333333333%;\n  }\n  .col-md-5 {\n    flex: 0 0 auto;\n    width: 41.6666666667%;\n  }\n  .col-md-6 {\n    flex: 0 0 auto;\n    width: 50%;\n  }\n  .col-md-7 {\n    flex: 0 0 auto;\n    width: 58.3333333333%;\n  }\n  .col-md-8 {\n    flex: 0 0 auto;\n    width: 66.6666666667%;\n  }\n  .col-md-9 {\n    flex: 0 0 auto;\n    width: 75%;\n  }\n  .col-md-10 {\n    flex: 0 0 auto;\n    width: 83.3333333333%;\n  }\n  .col-md-11 {\n    flex: 0 0 auto;\n    width: 91.6666666667%;\n  }\n  .col-md-12 {\n    flex: 0 0 auto;\n    width: 100%;\n  }\n}\n@media (min-width: 992px) {\n  .col-lg {\n    flex: 1 0 0%;\n  }\n  .col-lg-auto {\n    flex: 0 0 auto;\n    width: auto;\n  }\n  .col-lg-1 {\n    flex: 0 0 auto;\n    width: 8.3333333333%;\n  }\n  .col-lg-2 {\n    flex: 0 0 auto;\n    width: 16.6666666667%;\n  }\n  .col-lg-3 {\n    flex: 0 0 auto;\n    width: 25%;\n  }\n  .col-lg-4 {\n    flex: 0 0 auto;\n    width: 33.3333333333%;\n  }\n  .col-lg-5 {\n    flex: 0 0 auto;\n    width: 41.6666666667%;\n  }\n  .col-lg-6 {\n    flex: 0 0 auto;\n    width: 50%;\n  }\n  .col-lg-7 {\n    flex: 0 0 auto;\n    width: 58.3333333333%;\n  }\n  .col-lg-8 {\n    flex: 0 0 auto;\n    width: 66.6666666667%;\n  }\n  .col-lg-9 {\n    flex: 0 0 auto;\n    width: 75%;\n  }\n  .col-lg-10 {\n    flex: 0 0 auto;\n    width: 83.3333333333%;\n  }\n  .col-lg-11 {\n    flex: 0 0 auto;\n    width: 91.6666666667%;\n  }\n  .col-lg-12 {\n    flex: 0 0 auto;\n    width: 100%;\n  }\n}\n@media (min-width: 1200px) {\n  .col-xl {\n    flex: 1 0 0%;\n  }\n  .col-xl-auto {\n    flex: 0 0 auto;\n    width: auto;\n  }\n  .col-xl-1 {\n    flex: 0 0 auto;\n    width: 8.3333333333%;\n  }\n  .col-xl-2 {\n    flex: 0 0 auto;\n    width: 16.6666666667%;\n  }\n  .col-xl-3 {\n    flex: 0 0 auto;\n    width: 25%;\n  }\n  .col-xl-4 {\n    flex: 0 0 auto;\n    width: 33.3333333333%;\n  }\n  .col-xl-5 {\n    flex: 0 0 auto;\n    width: 41.6666666667%;\n  }\n  .col-xl-6 {\n    flex: 0 0 auto;\n    width: 50%;\n  }\n  .col-xl-7 {\n    flex: 0 0 auto;\n    width: 58.3333333333%;\n  }\n  .col-xl-8 {\n    flex: 0 0 auto;\n    width: 66.6666666667%;\n  }\n  .col-xl-9 {\n    flex: 0 0 auto;\n    width: 75%;\n  }\n  .col-xl-10 {\n    flex: 0 0 auto;\n    width: 83.3333333333%;\n  }\n  .col-xl-11 {\n    flex: 0 0 auto;\n    width: 91.6666666667%;\n  }\n  .col-xl-12 {\n    flex: 0 0 auto;\n    width: 100%;\n  }\n}\n@media (min-width: 1400px) {\n  .col-xxl {\n    flex: 1 0 0%;\n  }\n  .col-xxl-auto {\n    flex: 0 0 auto;\n    width: auto;\n  }\n  .col-xxl-1 {\n    flex: 0 0 auto;\n    width: 8.3333333333%;\n  }\n  .col-xxl-2 {\n    flex: 0 0 auto;\n    width: 16.6666666667%;\n  }\n  .col-xxl-3 {\n    flex: 0 0 auto;\n    width: 25%;\n  }\n  .col-xxl-4 {\n    flex: 0 0 auto;\n    width: 33.3333333333%;\n  }\n  .col-xxl-5 {\n    flex: 0 0 auto;\n    width: 41.6666666667%;\n  }\n  .col-xxl-6 {\n    flex: 0 0 auto;\n    width: 50%;\n  }\n  .col-xxl-7 {\n    flex: 0 0 auto;\n    width: 58.3333333333%;\n  }\n  .col-xxl-8 {\n    flex: 0 0 auto;\n    width: 66.6666666667%;\n  }\n  .col-xxl-9 {\n    flex: 0 0 auto;\n    width: 75%;\n  }\n  .col-xxl-10 {\n    flex: 0 0 auto;\n    width: 83.3333333333%;\n  }\n  .col-xxl-11 {\n    flex: 0 0 auto;\n    width: 91.6666666667%;\n  }\n  .col-xxl-12 {\n    flex: 0 0 auto;\n    width: 100%;\n  }\n}\n[data-theme=dark] {\n  --clarus-color-text: #f1f3f4;\n  --clarus-color-muted: #bdc1c6;\n  --clarus-color-border: #3c4043;\n  --clarus-color-surface: #202124;\n  --clarus-color-subtle: #2b2c2f;\n}","*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\nhtml {\n  line-height: var(--clarus-line-height-base);\n  text-size-adjust: 100%;\n}\n\nbody {\n  margin: 0;\n  color: var(--clarus-color-text);\n  background-color: var(--clarus-color-surface);\n}\n","@use \"sass:map\";\n@use \"../settings\" as *;\n@use \"../tools\" as *;\n\n.container,\n.container-sm,\n.container-md,\n.container-lg,\n.container-xl,\n.container-xxl,\n.container-fluid {\n  width: 100%;\n  margin-right: auto;\n  margin-left: auto;\n}\n\n@each $breakpoint, $width in $container-max-widths {\n  @include media-breakpoint-up($breakpoint) {\n    .container,\n    .container-#{$breakpoint} {\n      max-width: $width;\n    }\n  }\n}\n","@use \"sass:map\";\n@use \"../settings\" as *;\n\n@mixin media-breakpoint-up($name) {\n  $min: map.get($breakpoints, $name);\n\n  @if $min == null {\n    @error \"Unknown breakpoint `#{$name}`.\";\n  }\n\n  @if $min == 0 {\n    @content;\n  } @else {\n    @media (min-width: $min) {\n      @content;\n    }\n  }\n}\n\n@function breakpoint-infix($name) {\n  @if $name == xs {\n    @return \"\";\n  }\n\n  @return \"-#{$name}\";\n}\n\n@mixin focus-ring($color: var(--clarus-color-primary)) {\n  outline: none;\n  border-color: $color;\n  box-shadow: 0 0 5px 2px color-mix(in srgb, #{$color} 20%, transparent);\n}\n\n@mixin truncate {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n","$breakpoints: (\n  xs: 0,\n  sm: 576px,\n  md: 768px,\n  lg: 992px,\n  xl: 1200px,\n  xxl: 1400px\n) !default;\n\n$container-max-widths: (\n  sm: 540px,\n  md: 720px,\n  lg: 960px,\n  xl: 1140px,\n  xxl: 1320px\n) !default;\n\n$column-max-widths: (\n  sm: 120px,\n  md: 240px,\n  lg: 360px,\n  xl: 480px,\n  xxl: 560px\n) !default;\n","@use \"sass:math\";\n@use \"../settings\" as *;\n@use \"../tools\" as *;\n\n$grid-columns: 12;\n\n.row {\n  display: flex;\n  flex-wrap: wrap;\n  margin-top: calc(var(--clarus-gutter-y) * -1);\n  margin-right: calc(var(--clarus-gutter-x) / -2);\n  margin-left: calc(var(--clarus-gutter-x) / -2);\n}\n\n.row > * {\n  margin-top: var(--clarus-gutter-y);\n  padding-right: calc(var(--clarus-gutter-x) / 2);\n  padding-left: calc(var(--clarus-gutter-x) / 2);\n}\n\n.row-fluid {\n  width: 100%;\n}\n\n.col-fluid {\n  width: 100%;\n}\n\n@each $breakpoint, $min in $breakpoints {\n  $infix: breakpoint-infix($breakpoint);\n\n  @include media-breakpoint-up($breakpoint) {\n    .col#{$infix} {\n      flex: 1 0 0%;\n    }\n\n    .col#{$infix}-auto {\n      flex: 0 0 auto;\n      width: auto;\n    }\n\n    @for $i from 1 through $grid-columns {\n      .col#{$infix}-#{$i} {\n        flex: 0 0 auto;\n        width: math.percentage(math.div($i, $grid-columns));\n      }\n    }\n  }\n}\n","[data-theme=\"dark\"] {\n  --clarus-color-text: #f1f3f4;\n  --clarus-color-muted: #bdc1c6;\n  --clarus-color-border: #3c4043;\n  --clarus-color-surface: #202124;\n  --clarus-color-subtle: #2b2c2f;\n}\n"]}

package/dist/css/layout.min.css

@@ -0,0 +1,2 @@
+@import url("https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Google+Sans+Flex:opsz,wght@6..144,1..1000&display=swap");:root{--clarus-color-white:#fff;--clarus-color-black:#000;--clarus-color-primary:#1a73e8;--clarus-color-success:#1fca7a;--clarus-color-warning:#f9ab00;--clarus-color-danger:#d93025;--clarus-color-info:#1a73e8;--clarus-color-text:#202124;--clarus-color-muted:#777;--clarus-color-border:#ced4da;--clarus-color-surface:#fff;--clarus-color-subtle:#f8f9fa;--clarus-font-sans:Google Sans Flex,sans-serif;--clarus-font-mono:Source Code Pro,monospace;--clarus-line-height-base:1.5;--clarus-radius-sm:4px;--clarus-radius-md:6px;--clarus-radius-lg:8px;--clarus-gutter-x:1.5rem;--clarus-gutter-y:0px}*,:after,:before{box-sizing:border-box}html{line-height:var(--clarus-line-height-base);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;color:var(--clarus-color-text);background-color:var(--clarus-color-surface)}body,button,input,select,textarea{font-family:var(--clarus-font-sans)}code,kbd,pre,samp{font-family:var(--clarus-font-mono)}.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{width:100%;margin-right:auto;margin-left:auto}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md{max-width:720px}}@media (min-width:992px){.container,.container-lg{max-width:960px}}@media (min-width:1200px){.container,.container-xl{max-width:1140px}}@media (min-width:1400px){.container,.container-xxl{max-width:1320px}}.row{display:flex;flex-wrap:wrap;margin-top:calc(var(--clarus-gutter-y)*-1);margin-right:calc(var(--clarus-gutter-x)/-2);margin-left:calc(var(--clarus-gutter-x)/-2)}.row>*{margin-top:var(--clarus-gutter-y);padding-right:calc(var(--clarus-gutter-x)/2);padding-left:calc(var(--clarus-gutter-x)/2)}.col-fluid,.row-fluid{width:100%}.col{flex:1 0 0%}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.3333333333%}.col-2{flex:0 0 auto;width:16.6666666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.3333333333%}.col-5{flex:0 0 auto;width:41.6666666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.3333333333%}.col-8{flex:0 0 auto;width:66.6666666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.3333333333%}.col-11{flex:0 0 auto;width:91.6666666667%}.col-12{flex:0 0 auto;width:100%}@media (min-width:576px){.col-sm{flex:1 0 0%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.3333333333%}.col-sm-2{flex:0 0 auto;width:16.6666666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.3333333333%}.col-sm-5{flex:0 0 auto;width:41.6666666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.3333333333%}.col-sm-8{flex:0 0 auto;width:66.6666666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.3333333333%}.col-sm-11{flex:0 0 auto;width:91.6666666667%}.col-sm-12{flex:0 0 auto;width:100%}}@media (min-width:768px){.col-md{flex:1 0 0%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.3333333333%}.col-md-2{flex:0 0 auto;width:16.6666666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.3333333333%}.col-md-5{flex:0 0 auto;width:41.6666666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.3333333333%}.col-md-8{flex:0 0 auto;width:66.6666666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.3333333333%}.col-md-11{flex:0 0 auto;width:91.6666666667%}.col-md-12{flex:0 0 auto;width:100%}}@media (min-width:992px){.col-lg{flex:1 0 0%}.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:8.3333333333%}.col-lg-2{flex:0 0 auto;width:16.6666666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.3333333333%}.col-lg-5{flex:0 0 auto;width:41.6666666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.3333333333%}.col-lg-8{flex:0 0 auto;width:66.6666666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.3333333333%}.col-lg-11{flex:0 0 auto;width:91.6666666667%}.col-lg-12{flex:0 0 auto;width:100%}}@media (min-width:1200px){.col-xl{flex:1 0 0%}.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 auto;width:8.3333333333%}.col-xl-2{flex:0 0 auto;width:16.6666666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.3333333333%}.col-xl-5{flex:0 0 auto;width:41.6666666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.3333333333%}.col-xl-8{flex:0 0 auto;width:66.6666666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.3333333333%}.col-xl-11{flex:0 0 auto;width:91.6666666667%}.col-xl-12{flex:0 0 auto;width:100%}}@media (min-width:1400px){.col-xxl{flex:1 0 0%}.col-xxl-auto{flex:0 0 auto;width:auto}.col-xxl-1{flex:0 0 auto;width:8.3333333333%}.col-xxl-2{flex:0 0 auto;width:16.6666666667%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-4{flex:0 0 auto;width:33.3333333333%}.col-xxl-5{flex:0 0 auto;width:41.6666666667%}.col-xxl-6{flex:0 0 auto;width:50%}.col-xxl-7{flex:0 0 auto;width:58.3333333333%}.col-xxl-8{flex:0 0 auto;width:66.6666666667%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.3333333333%}.col-xxl-11{flex:0 0 auto;width:91.6666666667%}.col-xxl-12{flex:0 0 auto;width:100%}}[data-theme=dark]{--clarus-color-text:#f1f3f4;--clarus-color-muted:#bdc1c6;--clarus-color-border:#3c4043;--clarus-color-surface:#202124;--clarus-color-subtle:#2b2c2f}
+/*# sourceMappingURL=layout.min.css.map */

package/dist/css/layout.min.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["file:///C:/Users/jwmenezes/Downloads/Developer/Minimal%20Styles/scss/base/_typography.scss","file:///C:/Users/jwmenezes/Downloads/Developer/Minimal%20Styles/scss/tokens/_root.scss","../../scss/entries/layout-entry.scss","file:///C:/Users/jwmenezes/Downloads/Developer/Minimal%20Styles/scss/base/_reset.scss","file:///C:/Users/jwmenezes/Downloads/Developer/Minimal%20Styles/scss/layout/_containers.scss","file:///C:/Users/jwmenezes/Downloads/Developer/Minimal%20Styles/scss/tools/_mixins.scss","file:///C:/Users/jwmenezes/Downloads/Developer/Minimal%20Styles/scss/layout/_grid.scss","file:///C:/Users/jwmenezes/Downloads/Developer/Minimal%20Styles/scss/themes/_dark.scss"],"names":[],"mappings":"AAAQ,oHAAA,CACA,8GAAA,CCER,MACE,yBAAA,CACA,yBAAA,CACA,8BAAA,CACA,8BAAA,CACA,8BAAA,CACA,6BAAA,CACA,2BAAA,CACA,2BAAA,CACA,yBAAA,CACA,6BAAA,CACA,2BAAA,CACA,6BAAA,CACA,8CAAA,CACA,4CAAA,CACA,6BAAA,CACA,sBAAA,CACA,sBAAA,CACA,sBAAA,CACA,wBAAA,CACA,qBCAF,CCvBA,iBAGE,qBD0BF,CCvBA,KACE,0CAAA,CACA,6BAAA,CAAA,0BAAA,CAAA,qBD0BF,CCvBA,KACE,QAAA,CACA,8BAAA,CACA,4CD0BF,CFrCA,kCAKE,mCEwCF,CFrCA,kBAIE,mCEwCF,CEnDA,mGAOE,UAAA,CACA,iBAAA,CACA,gBFsDF,CGtDI,yBDKA,yBAEE,eFqDJ,CACF,CG7DI,yBDKA,yBAEE,eF2DJ,CACF,CGnEI,yBDKA,yBAEE,eFiEJ,CACF,CGzEI,0BDKA,yBAEE,gBFuEJ,CACF,CG/EI,0BDKA,0BAEE,gBF6EJ,CACF,CI5FA,KACE,YAAA,CACA,cAAA,CACA,0CAAA,CACA,4CAAA,CACA,2CJ8FF,CI3FA,OACE,iCAAA,CACA,4CAAA,CACA,2CJ8FF,CIvFA,sBACE,UJ8FF,CIvFI,KACE,WJ0FN,CIvFI,UACE,aAAA,CACA,UJ0FN,CItFM,OACE,aAAA,CACA,mBJyFR,CI3FM,OACE,aAAA,CACA,oBJ8FR,CIhGM,OACE,aAAA,CACA,SJmGR,CIrGM,OACE,aAAA,CACA,oBJwGR,CI1GM,OACE,aAAA,CACA,oBJ6GR,CI/GM,OACE,aAAA,CACA,SJkHR,CIpHM,OACE,aAAA,CACA,oBJuHR,CIzHM,OACE,aAAA,CACA,oBJ4HR,CI9HM,OACE,aAAA,CACA,SJiIR,CInIM,QACE,aAAA,CACA,oBJsIR,CIxIM,QACE,aAAA,CACA,oBJ2IR,CI7IM,QACE,aAAA,CACA,UJgJR,CG/KI,yBCmBA,QACE,WJgKJ,CI7JE,aACE,aAAA,CACA,UJ+JJ,CI3JI,UACE,aAAA,CACA,mBJ6JN,CI/JI,UACE,aAAA,CACA,oBJiKN,CInKI,UACE,aAAA,CACA,SJqKN,CIvKI,UACE,aAAA,CACA,oBJyKN,CI3KI,UACE,aAAA,CACA,oBJ6KN,CI/KI,UACE,aAAA,CACA,SJiLN,CInLI,UACE,aAAA,CACA,oBJqLN,CIvLI,UACE,aAAA,CACA,oBJyLN,CI3LI,UACE,aAAA,CACA,SJ6LN,CI/LI,WACE,aAAA,CACA,oBJiMN,CInMI,WACE,aAAA,CACA,oBJqMN,CIvMI,WACE,aAAA,CACA,UJyMN,CACF,CGzOI,yBCmBA,QACE,WJyNJ,CItNE,aACE,aAAA,CACA,UJwNJ,CIpNI,UACE,aAAA,CACA,mBJsNN,CIxNI,UACE,aAAA,CACA,oBJ0NN,CI5NI,UACE,aAAA,CACA,SJ8NN,CIhOI,UACE,aAAA,CACA,oBJkON,CIpOI,UACE,aAAA,CACA,oBJsON,CIxOI,UACE,aAAA,CACA,SJ0ON,CI5OI,UACE,aAAA,CACA,oBJ8ON,CIhPI,UACE,aAAA,CACA,oBJkPN,CIpPI,UACE,aAAA,CACA,SJsPN,CIxPI,WACE,aAAA,CACA,oBJ0PN,CI5PI,WACE,aAAA,CACA,oBJ8PN,CIhQI,WACE,aAAA,CACA,UJkQN,CACF,CGlSI,yBCmBA,QACE,WJkRJ,CI/QE,aACE,aAAA,CACA,UJiRJ,CI7QI,UACE,aAAA,CACA,mBJ+QN,CIjRI,UACE,aAAA,CACA,oBJmRN,CIrRI,UACE,aAAA,CACA,SJuRN,CIzRI,UACE,aAAA,CACA,oBJ2RN,CI7RI,UACE,aAAA,CACA,oBJ+RN,CIjSI,UACE,aAAA,CACA,SJmSN,CIrSI,UACE,aAAA,CACA,oBJuSN,CIzSI,UACE,aAAA,CACA,oBJ2SN,CI7SI,UACE,aAAA,CACA,SJ+SN,CIjTI,WACE,aAAA,CACA,oBJmTN,CIrTI,WACE,aAAA,CACA,oBJuTN,CIzTI,WACE,aAAA,CACA,UJ2TN,CACF,CG3VI,0BCmBA,QACE,WJ2UJ,CIxUE,aACE,aAAA,CACA,UJ0UJ,CItUI,UACE,aAAA,CACA,mBJwUN,CI1UI,UACE,aAAA,CACA,oBJ4UN,CI9UI,UACE,aAAA,CACA,SJgVN,CIlVI,UACE,aAAA,CACA,oBJoVN,CItVI,UACE,aAAA,CACA,oBJwVN,CI1VI,UACE,aAAA,CACA,SJ4VN,CI9VI,UACE,aAAA,CACA,oBJgWN,CIlWI,UACE,aAAA,CACA,oBJoWN,CItWI,UACE,aAAA,CACA,SJwWN,CI1WI,WACE,aAAA,CACA,oBJ4WN,CI9WI,WACE,aAAA,CACA,oBJgXN,CIlXI,WACE,aAAA,CACA,UJoXN,CACF,CGpZI,0BCmBA,SACE,WJoYJ,CIjYE,cACE,aAAA,CACA,UJmYJ,CI/XI,WACE,aAAA,CACA,mBJiYN,CInYI,WACE,aAAA,CACA,oBJqYN,CIvYI,WACE,aAAA,CACA,SJyYN,CI3YI,WACE,aAAA,CACA,oBJ6YN,CI/YI,WACE,aAAA,CACA,oBJiZN,CInZI,WACE,aAAA,CACA,SJqZN,CIvZI,WACE,aAAA,CACA,oBJyZN,CI3ZI,WACE,aAAA,CACA,oBJ6ZN,CI/ZI,WACE,aAAA,CACA,SJiaN,CInaI,YACE,aAAA,CACA,oBJqaN,CIvaI,YACE,aAAA,CACA,oBJyaN,CI3aI,YACE,aAAA,CACA,UJ6aN,CACF,CK1dA,kBACE,2BAAA,CACA,4BAAA,CACA,6BAAA,CACA,8BAAA,CACA,6BL4dF","file":"layout.min.css","sourcesContent":["@import url(\"https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap\");\n@import url(\"https://fonts.googleapis.com/css2?family=Google+Sans+Flex:opsz,wght@6..144,1..1000&display=swap\");\n\nbody,\nbutton,\ninput,\nselect,\ntextarea {\n  font-family: var(--clarus-font-sans);\n}\n\ncode,\nkbd,\npre,\nsamp {\n  font-family: var(--clarus-font-mono);\n}\n","@use \"sass:map\";\n@use \"../settings\" as *;\n\n:root {\n  --clarus-color-white: #{$color-white};\n  --clarus-color-black: #{$color-black};\n  --clarus-color-primary: #{$color-primary};\n  --clarus-color-success: #{$color-success};\n  --clarus-color-warning: #{$color-warning};\n  --clarus-color-danger: #{$color-danger};\n  --clarus-color-info: #{$color-info};\n  --clarus-color-text: #{$color-gray-900};\n  --clarus-color-muted: #{$color-gray-600};\n  --clarus-color-border: #{$color-gray-300};\n  --clarus-color-surface: #{$color-white};\n  --clarus-color-subtle: #{$color-gray-100};\n  --clarus-font-sans: #{$font-family-sans};\n  --clarus-font-mono: #{$font-family-mono};\n  --clarus-line-height-base: #{$line-height-base};\n  --clarus-radius-sm: #{$radius-sm};\n  --clarus-radius-md: #{$radius-md};\n  --clarus-radius-lg: #{$radius-lg};\n  --clarus-gutter-x: #{map.get($spacers, 4)};\n  --clarus-gutter-y: 0px;\n}\n","@import url(\"https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap\");\n@import url(\"https://fonts.googleapis.com/css2?family=Google+Sans+Flex:opsz,wght@6..144,1..1000&display=swap\");\n:root {\n  --clarus-color-white: #ffffff;\n  --clarus-color-black: #000000;\n  --clarus-color-primary: #1a73e8;\n  --clarus-color-success: #1fca7a;\n  --clarus-color-warning: #f9ab00;\n  --clarus-color-danger: #d93025;\n  --clarus-color-info: #1a73e8;\n  --clarus-color-text: #202124;\n  --clarus-color-muted: #777777;\n  --clarus-color-border: #ced4da;\n  --clarus-color-surface: #ffffff;\n  --clarus-color-subtle: #f8f9fa;\n  --clarus-font-sans: Google Sans Flex, sans-serif;\n  --clarus-font-mono: Source Code Pro, monospace;\n  --clarus-line-height-base: 1.5;\n  --clarus-radius-sm: 4px;\n  --clarus-radius-md: 6px;\n  --clarus-radius-lg: 8px;\n  --clarus-gutter-x: 1.5rem;\n  --clarus-gutter-y: 0px;\n}\n\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\nhtml {\n  line-height: var(--clarus-line-height-base);\n  text-size-adjust: 100%;\n}\n\nbody {\n  margin: 0;\n  color: var(--clarus-color-text);\n  background-color: var(--clarus-color-surface);\n}\n\nbody,\nbutton,\ninput,\nselect,\ntextarea {\n  font-family: var(--clarus-font-sans);\n}\n\ncode,\nkbd,\npre,\nsamp {\n  font-family: var(--clarus-font-mono);\n}\n\n.container,\n.container-sm,\n.container-md,\n.container-lg,\n.container-xl,\n.container-xxl,\n.container-fluid {\n  width: 100%;\n  margin-right: auto;\n  margin-left: auto;\n}\n\n@media (min-width: 576px) {\n  .container,\n  .container-sm {\n    max-width: 540px;\n  }\n}\n@media (min-width: 768px) {\n  .container,\n  .container-md {\n    max-width: 720px;\n  }\n}\n@media (min-width: 992px) {\n  .container,\n  .container-lg {\n    max-width: 960px;\n  }\n}\n@media (min-width: 1200px) {\n  .container,\n  .container-xl {\n    max-width: 1140px;\n  }\n}\n@media (min-width: 1400px) {\n  .container,\n  .container-xxl {\n    max-width: 1320px;\n  }\n}\n.row {\n  display: flex;\n  flex-wrap: wrap;\n  margin-top: calc(var(--clarus-gutter-y) * -1);\n  margin-right: calc(var(--clarus-gutter-x) / -2);\n  margin-left: calc(var(--clarus-gutter-x) / -2);\n}\n\n.row > * {\n  margin-top: var(--clarus-gutter-y);\n  padding-right: calc(var(--clarus-gutter-x) / 2);\n  padding-left: calc(var(--clarus-gutter-x) / 2);\n}\n\n.row-fluid {\n  width: 100%;\n}\n\n.col-fluid {\n  width: 100%;\n}\n\n.col {\n  flex: 1 0 0%;\n}\n\n.col-auto {\n  flex: 0 0 auto;\n  width: auto;\n}\n\n.col-1 {\n  flex: 0 0 auto;\n  width: 8.3333333333%;\n}\n\n.col-2 {\n  flex: 0 0 auto;\n  width: 16.6666666667%;\n}\n\n.col-3 {\n  flex: 0 0 auto;\n  width: 25%;\n}\n\n.col-4 {\n  flex: 0 0 auto;\n  width: 33.3333333333%;\n}\n\n.col-5 {\n  flex: 0 0 auto;\n  width: 41.6666666667%;\n}\n\n.col-6 {\n  flex: 0 0 auto;\n  width: 50%;\n}\n\n.col-7 {\n  flex: 0 0 auto;\n  width: 58.3333333333%;\n}\n\n.col-8 {\n  flex: 0 0 auto;\n  width: 66.6666666667%;\n}\n\n.col-9 {\n  flex: 0 0 auto;\n  width: 75%;\n}\n\n.col-10 {\n  flex: 0 0 auto;\n  width: 83.3333333333%;\n}\n\n.col-11 {\n  flex: 0 0 auto;\n  width: 91.6666666667%;\n}\n\n.col-12 {\n  flex: 0 0 auto;\n  width: 100%;\n}\n\n@media (min-width: 576px) {\n  .col-sm {\n    flex: 1 0 0%;\n  }\n  .col-sm-auto {\n    flex: 0 0 auto;\n    width: auto;\n  }\n  .col-sm-1 {\n    flex: 0 0 auto;\n    width: 8.3333333333%;\n  }\n  .col-sm-2 {\n    flex: 0 0 auto;\n    width: 16.6666666667%;\n  }\n  .col-sm-3 {\n    flex: 0 0 auto;\n    width: 25%;\n  }\n  .col-sm-4 {\n    flex: 0 0 auto;\n    width: 33.3333333333%;\n  }\n  .col-sm-5 {\n    flex: 0 0 auto;\n    width: 41.6666666667%;\n  }\n  .col-sm-6 {\n    flex: 0 0 auto;\n    width: 50%;\n  }\n  .col-sm-7 {\n    flex: 0 0 auto;\n    width: 58.3333333333%;\n  }\n  .col-sm-8 {\n    flex: 0 0 auto;\n    width: 66.6666666667%;\n  }\n  .col-sm-9 {\n    flex: 0 0 auto;\n    width: 75%;\n  }\n  .col-sm-10 {\n    flex: 0 0 auto;\n    width: 83.3333333333%;\n  }\n  .col-sm-11 {\n    flex: 0 0 auto;\n    width: 91.6666666667%;\n  }\n  .col-sm-12 {\n    flex: 0 0 auto;\n    width: 100%;\n  }\n}\n@media (min-width: 768px) {\n  .col-md {\n    flex: 1 0 0%;\n  }\n  .col-md-auto {\n    flex: 0 0 auto;\n    width: auto;\n  }\n  .col-md-1 {\n    flex: 0 0 auto;\n    width: 8.3333333333%;\n  }\n  .col-md-2 {\n    flex: 0 0 auto;\n    width: 16.6666666667%;\n  }\n  .col-md-3 {\n    flex: 0 0 auto;\n    width: 25%;\n  }\n  .col-md-4 {\n    flex: 0 0 auto;\n    width: 33.3333333333%;\n  }\n  .col-md-5 {\n    flex: 0 0 auto;\n    width: 41.6666666667%;\n  }\n  .col-md-6 {\n    flex: 0 0 auto;\n    width: 50%;\n  }\n  .col-md-7 {\n    flex: 0 0 auto;\n    width: 58.3333333333%;\n  }\n  .col-md-8 {\n    flex: 0 0 auto;\n    width: 66.6666666667%;\n  }\n  .col-md-9 {\n    flex: 0 0 auto;\n    width: 75%;\n  }\n  .col-md-10 {\n    flex: 0 0 auto;\n    width: 83.3333333333%;\n  }\n  .col-md-11 {\n    flex: 0 0 auto;\n    width: 91.6666666667%;\n  }\n  .col-md-12 {\n    flex: 0 0 auto;\n    width: 100%;\n  }\n}\n@media (min-width: 992px) {\n  .col-lg {\n    flex: 1 0 0%;\n  }\n  .col-lg-auto {\n    flex: 0 0 auto;\n    width: auto;\n  }\n  .col-lg-1 {\n    flex: 0 0 auto;\n    width: 8.3333333333%;\n  }\n  .col-lg-2 {\n    flex: 0 0 auto;\n    width: 16.6666666667%;\n  }\n  .col-lg-3 {\n    flex: 0 0 auto;\n    width: 25%;\n  }\n  .col-lg-4 {\n    flex: 0 0 auto;\n    width: 33.3333333333%;\n  }\n  .col-lg-5 {\n    flex: 0 0 auto;\n    width: 41.6666666667%;\n  }\n  .col-lg-6 {\n    flex: 0 0 auto;\n    width: 50%;\n  }\n  .col-lg-7 {\n    flex: 0 0 auto;\n    width: 58.3333333333%;\n  }\n  .col-lg-8 {\n    flex: 0 0 auto;\n    width: 66.6666666667%;\n  }\n  .col-lg-9 {\n    flex: 0 0 auto;\n    width: 75%;\n  }\n  .col-lg-10 {\n    flex: 0 0 auto;\n    width: 83.3333333333%;\n  }\n  .col-lg-11 {\n    flex: 0 0 auto;\n    width: 91.6666666667%;\n  }\n  .col-lg-12 {\n    flex: 0 0 auto;\n    width: 100%;\n  }\n}\n@media (min-width: 1200px) {\n  .col-xl {\n    flex: 1 0 0%;\n  }\n  .col-xl-auto {\n    flex: 0 0 auto;\n    width: auto;\n  }\n  .col-xl-1 {\n    flex: 0 0 auto;\n    width: 8.3333333333%;\n  }\n  .col-xl-2 {\n    flex: 0 0 auto;\n    width: 16.6666666667%;\n  }\n  .col-xl-3 {\n    flex: 0 0 auto;\n    width: 25%;\n  }\n  .col-xl-4 {\n    flex: 0 0 auto;\n    width: 33.3333333333%;\n  }\n  .col-xl-5 {\n    flex: 0 0 auto;\n    width: 41.6666666667%;\n  }\n  .col-xl-6 {\n    flex: 0 0 auto;\n    width: 50%;\n  }\n  .col-xl-7 {\n    flex: 0 0 auto;\n    width: 58.3333333333%;\n  }\n  .col-xl-8 {\n    flex: 0 0 auto;\n    width: 66.6666666667%;\n  }\n  .col-xl-9 {\n    flex: 0 0 auto;\n    width: 75%;\n  }\n  .col-xl-10 {\n    flex: 0 0 auto;\n    width: 83.3333333333%;\n  }\n  .col-xl-11 {\n    flex: 0 0 auto;\n    width: 91.6666666667%;\n  }\n  .col-xl-12 {\n    flex: 0 0 auto;\n    width: 100%;\n  }\n}\n@media (min-width: 1400px) {\n  .col-xxl {\n    flex: 1 0 0%;\n  }\n  .col-xxl-auto {\n    flex: 0 0 auto;\n    width: auto;\n  }\n  .col-xxl-1 {\n    flex: 0 0 auto;\n    width: 8.3333333333%;\n  }\n  .col-xxl-2 {\n    flex: 0 0 auto;\n    width: 16.6666666667%;\n  }\n  .col-xxl-3 {\n    flex: 0 0 auto;\n    width: 25%;\n  }\n  .col-xxl-4 {\n    flex: 0 0 auto;\n    width: 33.3333333333%;\n  }\n  .col-xxl-5 {\n    flex: 0 0 auto;\n    width: 41.6666666667%;\n  }\n  .col-xxl-6 {\n    flex: 0 0 auto;\n    width: 50%;\n  }\n  .col-xxl-7 {\n    flex: 0 0 auto;\n    width: 58.3333333333%;\n  }\n  .col-xxl-8 {\n    flex: 0 0 auto;\n    width: 66.6666666667%;\n  }\n  .col-xxl-9 {\n    flex: 0 0 auto;\n    width: 75%;\n  }\n  .col-xxl-10 {\n    flex: 0 0 auto;\n    width: 83.3333333333%;\n  }\n  .col-xxl-11 {\n    flex: 0 0 auto;\n    width: 91.6666666667%;\n  }\n  .col-xxl-12 {\n    flex: 0 0 auto;\n    width: 100%;\n  }\n}\n[data-theme=dark] {\n  --clarus-color-text: #f1f3f4;\n  --clarus-color-muted: #bdc1c6;\n  --clarus-color-border: #3c4043;\n  --clarus-color-surface: #202124;\n  --clarus-color-subtle: #2b2c2f;\n}","*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\nhtml {\n  line-height: var(--clarus-line-height-base);\n  text-size-adjust: 100%;\n}\n\nbody {\n  margin: 0;\n  color: var(--clarus-color-text);\n  background-color: var(--clarus-color-surface);\n}\n","@use \"sass:map\";\n@use \"../settings\" as *;\n@use \"../tools\" as *;\n\n.container,\n.container-sm,\n.container-md,\n.container-lg,\n.container-xl,\n.container-xxl,\n.container-fluid {\n  width: 100%;\n  margin-right: auto;\n  margin-left: auto;\n}\n\n@each $breakpoint, $width in $container-max-widths {\n  @include media-breakpoint-up($breakpoint) {\n    .container,\n    .container-#{$breakpoint} {\n      max-width: $width;\n    }\n  }\n}\n","@use \"sass:map\";\n@use \"../settings\" as *;\n\n@mixin media-breakpoint-up($name) {\n  $min: map.get($breakpoints, $name);\n\n  @if $min == null {\n    @error \"Unknown breakpoint `#{$name}`.\";\n  }\n\n  @if $min == 0 {\n    @content;\n  } @else {\n    @media (min-width: $min) {\n      @content;\n    }\n  }\n}\n\n@function breakpoint-infix($name) {\n  @if $name == xs {\n    @return \"\";\n  }\n\n  @return \"-#{$name}\";\n}\n\n@mixin focus-ring($color: var(--clarus-color-primary)) {\n  outline: none;\n  border-color: $color;\n  box-shadow: 0 0 5px 2px color-mix(in srgb, #{$color} 20%, transparent);\n}\n\n@mixin truncate {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n","@use \"sass:math\";\n@use \"../settings\" as *;\n@use \"../tools\" as *;\n\n$grid-columns: 12;\n\n.row {\n  display: flex;\n  flex-wrap: wrap;\n  margin-top: calc(var(--clarus-gutter-y) * -1);\n  margin-right: calc(var(--clarus-gutter-x) / -2);\n  margin-left: calc(var(--clarus-gutter-x) / -2);\n}\n\n.row > * {\n  margin-top: var(--clarus-gutter-y);\n  padding-right: calc(var(--clarus-gutter-x) / 2);\n  padding-left: calc(var(--clarus-gutter-x) / 2);\n}\n\n.row-fluid {\n  width: 100%;\n}\n\n.col-fluid {\n  width: 100%;\n}\n\n@each $breakpoint, $min in $breakpoints {\n  $infix: breakpoint-infix($breakpoint);\n\n  @include media-breakpoint-up($breakpoint) {\n    .col#{$infix} {\n      flex: 1 0 0%;\n    }\n\n    .col#{$infix}-auto {\n      flex: 0 0 auto;\n      width: auto;\n    }\n\n    @for $i from 1 through $grid-columns {\n      .col#{$infix}-#{$i} {\n        flex: 0 0 auto;\n        width: math.percentage(math.div($i, $grid-columns));\n      }\n    }\n  }\n}\n","[data-theme=\"dark\"] {\n  --clarus-color-text: #f1f3f4;\n  --clarus-color-muted: #bdc1c6;\n  --clarus-color-border: #3c4043;\n  --clarus-color-surface: #202124;\n  --clarus-color-subtle: #2b2c2f;\n}\n"]}

package/dist/js/clarus.js

@@ -0,0 +1,20 @@
+var Clarus = (() => {
+  var __defProp = Object.defineProperty;
+  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+  var __getOwnPropNames = Object.getOwnPropertyNames;
+  var __hasOwnProp = Object.prototype.hasOwnProperty;
+  var __copyProps = (to, from, except, desc) => {
+    if (from && typeof from === "object" || typeof from === "function") {
+      for (let key of __getOwnPropNames(from))
+        if (!__hasOwnProp.call(to, key) && key !== except)
+          __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+    }
+    return to;
+  };
+  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+  // js/clarus.js
+  var clarus_exports = {};
+  return __toCommonJS(clarus_exports);
+})();
+//# sourceMappingURL=clarus.js.map

package/dist/js/clarus.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../js/clarus.js"],
+  "sourcesContent": ["export {};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;AAAA;",
+  "names": []
+}

package/dist/js/clarus.min.js

@@ -0,0 +1,2 @@
+var Clarus=(()=>{var t=Object.defineProperty;var a=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var d=(o,e,x,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let p of b(e))!c.call(o,p)&&p!==x&&t(o,p,{get:()=>e[p],enumerable:!(r=a(e,p))||r.enumerable});return o};var f=o=>d(t({},"__esModule",{value:!0}),o);var g={};return f(g);})();
+//# sourceMappingURL=clarus.min.js.map

package/dist/js/clarus.min.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../js/clarus.js"],
+  "sourcesContent": ["export {};\n"],
+  "mappings": "mXAAA,IAAAA,EAAA",
+  "names": ["clarus_exports"]
+}