sccoreui 3.2.4 → 3.2.6

package/dist/assets/App.scss

@@ -0,0 +1,105 @@
+@import url("./assets/theme.css");
+@import url("./assets/sccoreui.css");
+@import url("./assets/sccoreicons.css");
+@import url("./assets/flex.css");
+:root {
+  --fw-600: 600;
+  --fw-400: 400;
+  --fs-24: 24px;
+  --fs-18: 18px;
+  --fs-16: 16px;
+  --lh: 24px;
+  --fs-14: 14px;
+  --grey-bg: #101828;
+  --border-none: border-none;
+}
+
+@font-face {
+  font-family: "Lato-400";
+  font-weight: 400;
+  src: url("./assets/fonts/Lato-Regular.ttf") format("truetype");
+}
+@font-face {
+  font-family: "Lato-600";
+  font-weight: 600;
+  src: url("./assets/fonts/Lato-Regular.ttf") format("truetype");
+}
+body {
+  font-family: "Lato-400", sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  line-height: var(--lh);
+  padding: 0;
+  margin: 0;
+}
+
+code {
+  font-family: "Lato-400", monospace;
+}
+
+h1 {
+  font-size: var(--fs-24);
+  font-weight: var(--fw-600);
+}
+
+h2 {
+  font-size: var(--fs-18);
+  font-weight: var(--fw-600);
+}
+
+h3 {
+  font-size: var(--fs-16);
+  font-weight: var(--fw-400);
+}
+
+.progress-container {
+  isolation: isolate;
+}
+.progress-container::before {
+  content: "";
+  background-color: var(--gray-200);
+  position: absolute;
+  z-index: -1;
+}
+.progress-container.horizontal::before {
+  height: 2px;
+  width: 100%;
+  top: 11%;
+}
+.progress-container.vertical::before {
+  height: 100%;
+  width: 2px;
+  left: 5%;
+  top: 0;
+}
+
+.progressbar {
+  z-index: -1;
+  transition: all 0.6s ease;
+}
+.progressbar.horizontal {
+  left: 0;
+  height: 2px;
+  top: 11%;
+}
+.progressbar.vertical {
+  width: 2px;
+  left: 5%;
+  top: 0;
+}
+
+.progress-step-item.horizontal:nth-of-type(1) {
+  transform: translateX(-50%);
+}
+.progress-step-item.horizontal:last-child {
+  transform: translateX(50%);
+}
+.progress-step-item.vertical {
+  transform: translateY(50%);
+}
+.progress-step-item.vertical:nth-of-type(1) {
+  transform: translateY(-5%);
+}
+.progress-step-item.vertical:last-child {
+  transform: translateY(100%);
+}