modified styles task 2

hustle2live · Dec 7, 2024 · 9bcba90 · 9bcba90
1 parent 20d3a15
commit 9bcba90
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 9 deletions.
diff --git a/2024/02/assets/dropdown-arrow.svg b/2024/02/assets/dropdown-arrow.svg
diff --git a/2024/02/index.css b/2024/02/index.css
@@ -13,6 +13,10 @@ div {
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
 }
 
+p {
+   font-size: 14px;
+}
+
 body {
    display: flex;
    box-sizing: border-box;
@@ -40,6 +44,7 @@ li {
    height: 120px;
    min-height: 120px;
    color: rgb(80, 80, 80);
+   border-radius: 10px;
 }
 
 input,
@@ -52,38 +57,52 @@ ul {
    padding-left: 0px;
 }
 
+input::marker {
+   min-height: 60px;
+   min-width: 60px;
+}
+
 input {
    padding: 20px 0;
    width: 70%;
-   font-size: 34px;
-   height: 60%;
-   margin: 25px 80px;
+   font-size: 24px;
+   height: 40px;
+   line-height: 10px;
+   margin: 40px 80px;
+   margin-top: 35px;
    outline: 0;
    border: 1px solid transparent;
    box-sizing: border-box;
 }
 
 label[for='search'] {
+   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans',
+      'Helvetica Neue', sans-serif;
    pointer-events: none;
    position: absolute;
    left: 10%;
-   top: 45px;
+   top: 42px;
    transition: all 400ms;
    color: rgb(107, 107, 107);
 }
 
 label[for='search'].showed,
 input:focus ~ label[for='search'] {
    position: absolute;
-   top: -30px;
+   top: -24px;
    font-size: 16px;
-   left: 10px;
+   color: black;
+   left: 0px;
 }
 
 input:focus {
    border-bottom: 1px solid rgb(148, 148, 148);
 }
 
+.select-form .selected {
+   border-radius: 10px;
+}
+
 .select-form .selected,
 .select-form.show li {
    display: flex;
@@ -162,9 +181,10 @@ ul {
    position: absolute;
    display: block;
    right: 35px;
-   top: 35px;
-   height: 60%;
+   top: 34%;
+   height: 60px;
    z-index: 5;
+   cursor: pointer;
 }
 
 // ---- contacts styles ---