Upgrade packages and add transition css and remove unneeded css

fadihanna123 · Nov 1, 2024 · 49e34ff · 49e34ff
1 parent 3cf1989
commit 49e34ff
Show file tree

Hide file tree

Showing 3 changed files with 97 additions and 96 deletions.
diff --git a/css/main.css b/css/main.css
@@ -5,49 +5,12 @@
   /* Font list of which fonts browsers should use */
   font-family: "Times New Roman", times, serif;
   margin: 10px;
-  transition: 0.3s;
+  transition: all 0.3s;
 }
 
 label {
   padding: 10px 15px;
-}
-
-textarea :focus,
-input[type="text"]:focus,
-input[type="password"]:focus,
-input[type="datetime"]:focus,
-input[type="datetime-local"]:focus,
-input[type="date"]:focus,
-input[type="month"]:focus,
-input[type="time"]:focus,
-input[type="week"]:focus,
-input[type="number"]:focus,
-input[type="email"]:focus,
-input[type="url"]:focus,
-input[type="search"]:focus,
-input[type="tel"]:focus,
-input[type="color"]:focus,
-.uneditable-input:focus {
-  border-color: #0275d8;
-  box-shadow:
-    0 1px 1px rgba(0 0 0 7.5%) inset,
-    0 0 8px #add8e6;
-  outline: 0 none;
-  transition: 0.3s;
-}
-
-.mysearchform {
-  padding: 10px;
-  transition: 0.3s;
-}
-
-.main {
-  /* Make text size 20px */
-  font-size: 20px;
-  background-color: #5bc0de;
-  margin: 10px;
-  text-align: center;
-  transition: 0.3s;
+  transition: all 0.3s;
 }
 
 select {
@@ -56,7 +19,7 @@ select {
   padding: 10px;
   margin-bottom: 10px;
   width: 100%;
-  transition: 0.3s;
+  transition: all 0.3s;
 }
 
 textarea {
@@ -65,7 +28,7 @@ textarea {
   padding: 10px;
   margin-bottom: 10px;
   width: 100%;
-  transition: 0.3s all;
+  transition: all 0.3s;
 }
 
 input {
@@ -81,19 +44,52 @@ input {
   background-clip: padding-box;
   border: 1px solid #ced4da;
   appearance: none;
-  transition: 0.3s;
+  transition: all 0.3s;
 }
 
 button {
   color: #000;
   margin-bottom: 10px;
   padding: 10px;
-  transition: 0.3s;
+  transition: all 0.3s;
+}
+
+textarea :focus,
+input[type="text"]:focus,
+input[type="password"]:focus,
+input[type="datetime"]:focus,
+input[type="datetime-local"]:focus,
+input[type="date"]:focus,
+input[type="month"]:focus,
+input[type="time"]:focus,
+input[type="week"]:focus,
+input[type="number"]:focus,
+input[type="email"]:focus,
+input[type="url"]:focus,
+input[type="search"]:focus,
+input[type="tel"]:focus,
+input[type="color"]:focus,
+.uneditable-input:focus {
+  border-color: #0275d8;
+  box-shadow:
+    0 1px 1px rgba(0 0 0 7.5%) inset,
+    0 0 8px #add8e6;
+  outline: 0 none;
+  transition: all 0.3s;
+}
+
+.main {
+  /* Make text size 20px */
+  font-size: 20px;
+  background-color: #5bc0de;
+  margin: 10px;
+  text-align: center;
+  transition: all 0.3s;
 }
 
 .myform {
   padding: 10px;
-  transition: 0.3s;
+  transition: all 0.3s;
 }
 
 @media screen and (min-width: 900px) and (max-width: 1900px) {
@@ -124,38 +120,34 @@ button {
   font-size: 35px;
   color: #3a1627;
   font-style: italic;
-  transition: 0.3s all;
+  transition: all 0.3s;
 }
 
 a {
   text-decoration: none;
+  transition: all 0.3s;
 }
 
 .footerlink {
   color: #fff;
   text-decoration: none;
+  transition: all 0.3s;
 }
 
 .line {
   margin: 10px;
-  transition: 0.3s;
-}
-
-.mytable {
-  display: -webkit-box;
-  display: -ms-flex;
-  display: flex;
-  transition: 0.3s;
+  transition: all 0.3s;
 }
 
 .txt {
   width: 100%;
-  transition: 0.3s;
+  transition: all 0.3s;
 }
 
 .competition-price-list li {
   list-style-type: disc;
   list-style-position: inside;
+  transition: all 0.3s;
 }
 
 * {
@@ -166,14 +158,14 @@ a {
   border: 0;
   outline: 0;
   list-style: none;
-  transition: 0.3s;
+  transition: all 0.3s;
 }
 
 img {
   width: 100%;
   max-width: 100%;
   height: auto;
-  transition: 0.3s;
+  transition: all 0.3s;
 }
 
 footer {
@@ -186,7 +178,7 @@ footer {
   margin: 10px;
   text-align: center;
   padding: 10px;
-  transition: 0.3s;
+  transition: all 0.3s;
 }
 
 .mylogo {
@@ -197,15 +189,15 @@ footer {
   -ms-flex-pack: center;
   justify-content: center;
   margin: 10px;
-  transition: 0.3s;
+  transition: all 0.3s;
 }
 
 .logobild {
   display: block;
   max-width: 100%;
   max-height: 100%;
   margin: 0 auto;
-  transition: 0.3s;
+  transition: all 0.3s;
 }
 
 @media screen and (min-width: 900px) and (max-width: 1900px) {
@@ -240,7 +232,7 @@ footer {
   -ms-flex-pack: center;
   justify-content: center;
   text-align: center;
-  transition: 0.3s all;
+  transition: all 0.3s;
 }
 
 #mainnav a {
@@ -255,7 +247,7 @@ footer {
   text-decoration: none;
   margin: 5px;
   white-space: nowrap;
-  transition: 0.3s all;
+  transition: all 0.3s;
 }
 
 @media screen and (max-width: 1900px) {
@@ -276,19 +268,23 @@ footer {
     width: 100%;
     overflow: hidden;
   }
+
+  .main {
+    padding: 10px;
+  }
 }
 
 .label-col {
   width: 500px;
   margin-bottom: 15px;
-  transition: 0.3s all;
+  transition: all 0.3s;
   display: inline-block;
 }
 
 .form-field-col {
   width: 500px;
   margin-bottom: 15px;
-  transition: 0.3s all;
+  transition: all 0.3s;
   display: inline-block;
 }
 
@@ -301,7 +297,7 @@ footer {
   -ms-flex-pack: center;
   justify-content: center;
   margin-bottom: 10px;
-  transition: 0.3s all;
+  transition: all 0.3s;
 }
 
 @media screen and (max-width: 1200px) {
@@ -331,7 +327,7 @@ footer {
   /* Make text size 20px */
   font-size: 20px;
   margin: 10px;
-  transition: 0.3s all;
+  transition: all 0.3s;
 }
 
 #pricetable {
@@ -340,7 +336,7 @@ footer {
   margin-bottom: 10px;
   width: 98%;
   padding: 10px;
-  transition: 0.3s;
+  transition: all 0.3s;
 }
 
 #pricetable table,
@@ -351,18 +347,18 @@ footer {
 
   /* Make the table borders collapse to a single border in the table. */
   border-collapse: collapse;
-  transition: 0.3s;
+  transition: all 0.3s;
 }
 
 #pricetable td:hover {
   background: #292b2c;
   color: #fff;
-  transition: 0.3s all;
+  transition: all 0.3s;
 }
 
 #pricetable thead {
   border: 1px solid #292b2c;
   background: #292b2c;
   color: #fff;
-  transition: 0.3s;
+  transition: all 0.3s;
 }
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "data_hjalp_projekt",
   "license": "MIT",
-  "version": "0.0.34",
+  "version": "0.0.35",
   "homepage": "http://localhost:3000",
   "bugs": {
     "url": "https://github.com/fadihanna123/DatahjalpProjekt/issues",
@@ -28,7 +28,7 @@
     "npm": "Please use Yarn instead of NPM to install dependencies"
   },
   "dependencies": {
-    "eslint": "9.13.0",
+    "eslint": "9.14.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-editorconfig": "^4.0.3",
     "husky": "^9.1.6",
@@ -38,7 +38,7 @@
     "stylelint-config-standard": "^36.0.1"
   },
   "devDependencies": {
-    "@eslint/js": "^9.13.0",
+    "@eslint/js": "^9.14.0",
     "eslint-plugin-html": "^8.1.2",
     "globals": "^15.11.0"
   }