@vinyasa/layout 1.0.19

package/dist/cjs/index.css

@@ -0,0 +1,302 @@
+._2mmdgz0 {
+  display: flex;
+}
+
+._2mmdgz1 {
+  flex-direction: row;
+}
+
+._2mmdgz2 {
+  flex-direction: column;
+}
+
+._2mmdgz3 {
+  align-items: flex-start;
+}
+
+._2mmdgz4 {
+  align-items: center;
+}
+
+._2mmdgz5 {
+  align-items: flex-end;
+}
+
+._2mmdgz6 {
+  align-items: stretch;
+}
+
+._2mmdgz7 {
+  justify-content: flex-start;
+}
+
+._2mmdgz8 {
+  justify-content: center;
+}
+
+._2mmdgz9 {
+  justify-content: flex-end;
+}
+
+._2mmdgza {
+  justify-content: space-between;
+}
+
+._2mmdgzb {
+  justify-content: space-around;
+}
+
+._2mmdgzc {
+  flex-wrap: nowrap;
+}
+
+._2mmdgzd {
+  flex-wrap: wrap;
+}
+
+._2mmdgze {
+  gap: var(--vinyasa-space1);
+}
+
+._2mmdgzf {
+  gap: var(--vinyasa-space2);
+}
+
+._2mmdgzg {
+  gap: var(--vinyasa-space3);
+}
+
+._2mmdgzh {
+  gap: var(--vinyasa-space4);
+}
+
+._2mmdgzi {
+  gap: var(--vinyasa-space5);
+}
+
+._2mmdgzj {
+  gap: var(--vinyasa-space6);
+}
+
+.n27f480 {
+  width: 100%;
+  padding-inline: var(--vinyasa-space4);
+  margin-left: auto;
+  margin-right: auto;
+}
+
+@media (min-width: 640px) {
+  .n27f480 {
+    max-width: 640px;
+  }
+}
+
+@media (min-width: 768px) {
+  .n27f480 {
+    max-width: 768px;
+  }
+}
+
+@media (min-width: 1024px) {
+  .n27f480 {
+    max-width: 1024px;
+  }
+}
+
+@media (min-width: 1280px) {
+  .n27f480 {
+    max-width: 1280px;
+  }
+}
+
+._187x3450 {
+  background-color: var(--vinyasa-border-color-default);
+  border: none;
+  flex-shrink: 0;
+}
+
+._187x3451 {
+  width: 100%;
+  height: var(--vinyasa-border-width-thin);
+}
+
+._187x3452 {
+  width: var(--vinyasa-border-width-thin);
+  height: 100%;
+}
+
+.w86wcg0 {
+  display: grid;
+}
+
+.w86wcg1 {
+  gap: var(--vinyasa-space1);
+}
+
+.w86wcg2 {
+  gap: var(--vinyasa-space2);
+}
+
+.w86wcg3 {
+  gap: var(--vinyasa-space3);
+}
+
+.w86wcg4 {
+  gap: var(--vinyasa-space4);
+}
+
+.w86wcg5 {
+  gap: var(--vinyasa-space5);
+}
+
+.w86wcg6 {
+  gap: var(--vinyasa-space6);
+}
+
+.w86wcg7 {
+  align-items: flex-start;
+}
+
+.w86wcg8 {
+  align-items: center;
+}
+
+.w86wcg9 {
+  align-items: flex-end;
+}
+
+.w86wcga {
+  align-items: stretch;
+}
+
+.w86wcgb {
+  justify-content: flex-start;
+}
+
+.w86wcgc {
+  justify-content: center;
+}
+
+.w86wcgd {
+  justify-content: flex-end;
+}
+
+.w86wcge {
+  justify-content: space-between;
+}
+
+.w86wcgf {
+  justify-content: space-around;
+}
+
+.w86wcgg {
+  grid-auto-flow: row;
+}
+
+.w86wcgh {
+  grid-auto-flow: column;
+}
+
+.w86wcgi {
+  grid-auto-flow: dense;
+}
+
+.w86wcgj {
+  grid-auto-flow: row dense;
+}
+
+.w86wcgk {
+  grid-auto-flow: column dense;
+}
+
+._1mtpkkv0 {
+  position: relative;
+  overflow: hidden;
+}
+
+._1mtpkkv1 {
+  border-radius: inherit;
+  width: 100%;
+  height: 100%;
+}
+
+._1mtpkkv2 {
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
+  touch-action: none;
+  background: var(--vinyasa-border-color-default);
+  transition: background var(--vinyasa-motion-duration-fast) var(--vinyasa-motion-easing-standard);
+  padding: 2px;
+  display: flex;
+}
+
+._1mtpkkv2[data-orientation="vertical"] {
+  width: 10px;
+}
+
+._1mtpkkv2[data-orientation="horizontal"] {
+  flex-direction: column;
+  height: 10px;
+}
+
+._1mtpkkv3 {
+  border-radius: var(--vinyasa-radius-full);
+  background: var(--vinyasa-border-color-default);
+  transition: background var(--vinyasa-motion-duration-fast) var(--vinyasa-motion-easing-standard);
+  flex: 1;
+  position: relative;
+}
+
+._1mtpkkv3:hover {
+  background: var(--vinyasa-on-secondary);
+}
+
+._1mtpkkv3:before {
+  content: "";
+  width: 100%;
+  min-width: 44px;
+  height: 100%;
+  min-height: 44px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+
+._1mtpkkv4 {
+  background: var(--vinyasa-border-color-default);
+}
+
+._9riydv0 {
+  flex: 1 0;
+}
+
+._1b2xjv10 {
+  background-color: var(--vinyasa-secondary);
+}
+
+._1b2xjv11 {
+  border-radius: var(--vinyasa-radius-sm);
+}
+
+._1b2xjv12 {
+  border-radius: var(--vinyasa-radius-md);
+}
+
+._1b2xjv13 {
+  border-radius: var(--vinyasa-radius-full);
+}
+
+._1b2xjv14 {
+  box-shadow: var(--vinyasa-elevation-raised);
+}
+
+._1b2xjv15 {
+  box-shadow: var(--vinyasa-elevation-overlay);
+}
+
+._1b2xjv16 {
+  box-shadow: var(--vinyasa-elevation-modal);
+}
+