New website focusing on ERP services.

static/css/components/button.css

@@ -1,24 +1,31 @@
-
-button, .button-submit, input[type="submit"] {
-    font-size: 20px;
-    font-weight: bold;
-    border: 4px solid;
-    border-radius: 2vh;
-    padding: 1vh 2vh 1vh 2vh;
-    margin: 0.5vh;
-    background-color: var(--c_purple_pastel);
-    color: var(--c_purple_dark);
-    border-color: var(--c_purple_dark);
+.button {
+    display: inline-block;
+    padding: 0.75rem 1.5rem;
+    border-radius: 6px;
+    text-decoration: none;
+    font-weight: 500;
+    transition: all 0.3s ease;
+    width: fit-content;
 }
 
-button.navContactUs {
-    border: 4px solid var(--c_purple_dark);
-    background-color: var(--c_purple_pastel);
-    color: var(--c_purple_dark) !important;
-    border-radius: 2vh;
-    width: 180px !important;
+.button-primary {
+    background: var(--primary);
+    color: white;
 }
 
-button:hover, input[type="submit"]:hover {
-    text-decoration: underline;
+.button-primary:hover {
+    background: var(--secondary);
 }
+
+.button-light {
+    background: white;
+    color: var(--primary);
+}
+
+.button-light:hover {
+    background: var(--light);
+}
+
+.logo:hover{
+    cursor: pointer;
+}

static/css/components/image.css

@@ -1,4 +0,0 @@
-
-img, video {
-    border-radius: 3vh;
-}

static/css/components/label.css

@@ -1,26 +0,0 @@
-
-h1 {
-    font-size: min(24px, calc(1vh * 6));
-}
-
-h2 {
-    font-size: min(20px, calc(1vh * 5));
-}
-
-h3 {
-    font-size: min(16px, calc(1vh * 4));
-    margin-top: 1vh;
-}
-
-h4 {
-    font-size: 13px;
-    margin: 1vh;
-    text-align: center;
-    margin-left: auto;
-    margin-right: auto;
-}
-
-h5 {
-    font-size: 11px;
-    margin: 1vh;
-}

static/css/components/overlay.css

@@ -1,86 +0,0 @@
-
-
-/* Overlay modal */
-.overlay {
-    /*
-    display: none;
-    */
-    position: fixed;
-    top: 15vh;
-    right: 0;
-    width: 100px;
-    /* height: 50%; */ 
-    background: var(--c_purple_pastel);
-    justify-content: right;
-    align-items: right;
-    align-self: right;
-    z-index: 999;
-}
-.overlay.expanded {
-    display: block;
-}
-.collapsed {
-    display: none;
-}
-
-/* Hamburger menu overlay */
-#buttonHamburger:hover {
-    text-decoration: none;
-}
-#overlayHamburger {
-    overflow-x: hidden;
-    overflow-y: auto;
-    max-height: 80%;
-}
-.hamburger {
-    border: 2px solid var(--c_purple_dark);
-    border-radius: 4px;
-}
-.hamburger:first-child {
-    border-top-left-radius: 12px;
-    border-top-right-radius: 12px;
-}
-.hamburger:last-child {
-    border-bottom-left-radius: 12px;
-    border-bottom-right-radius: 12px;
-}
-
-.hamburger > * {
-    display: flex;
-    flex-wrap: wrap;
-    align-items: center;
-    justify-content: center;
-    text-align: center;
-    width: 100%;
-    color: var(--c_purple_dark);
-    font-weight: bold;
-    font-size: 18px;
-    /* height: 18px; */
-}
-.hamburger > :hover {
-    background-color: var(--c_purple_light);
-    color: var(--c_purple_dark);
-}
-.hamburger > * > * {
-    width: 100%;
-    /*
-    margin-top: 4.5px;
-    margin-bottom: 4.5px;
-    */
-}
-.hamburger > .container {
-    padding-top: 4.5px;
-    padding-bottom: 4.5px;
-}
-
-#overlayHamburger .row *:hover {
-    text-decoration: underline;
-}
-
-/* Confirm overlay */
-#overlayConfirm {
-    position: absolute;
-    left: 25vw;
-    width: 50vw;
-    height: 50vh;
-}

static/css/components/table.css

@@ -1,66 +0,0 @@
-
-#formFilters .container {
-    max-width: fit-content;
-}
-
-thead, tbody {
-    padding-top: 0px !important;
-    padding-bottom: 0px !important;
-}
-
-th {
-    background-color: var(--c_purple_pastel);
-}
-td {
-    font-size: min(12px, calc(1vh * 3));
-}
-
-th, td {
-    min-width: fit-content;
-}
-tr:not(:last-child) > td {
-    border-bottom: 1px dashed var(--c_purple_dark);
-}
-td > table > tbody > tr > td {
-    border: none !important;
-}
-th.collapsed, td.collapsed {
-    display: table-cell !important;
-}
-td.dirty {
-    background-color: var(--c_purple_dark);
-}
-td:not(.dirty) {
-    /* color: var(--c_purple_dark); */
-    background-color: var(--c_purple_pastel);
-}
-
-tr {
-    min-height: 1px;
-    border-bottom: 1px solid var(--c_purple_dark);
-    border-top: 1px solid var(--c_purple_dark);
-    background-color: transparent;
-}
-
-/*
-.row-new {
-    visibility: hidden;
-}
-*/
-
-table button {
-    margin: 0.25vh;
-    padding: 0.5vh 1vh;
-}
-
-table button.active {
-    background-color: var(--c_purple_pastel);
-}
-
-tr.delete, tr.delete > td {
-    background-color: red;
-}
-
-table div {
-    align-content: center;
-}