compose page styling

Author: ishandeveloper

public/css/style.css

@@ -16,10 +16,18 @@
     --hero-color: black;
 }
 
+.compose-input{
+    width: 80vw;
+    height: 60vh;
+    border:1px solid #444;
+    border-radius: 5px;
+}
 .featured {
     margin-top: 10px;
 }
-
+.compose-actions{
+    width: 800px;
+}
 .read-more {
     float: right;
     color: #444;
@@ -33,7 +41,18 @@
     color: white;
     background: #444;
 }
-
+.publish-btn{
+    color: white;
+    background: #444;
+    border: 1px solid white;
+    outline: none;
+    padding: 4px 20px;
+}
+.publish-btn:hover{
+    color:#444;
+    background: white;
+    border:1px solid white;
+}
 .partners {
     /* background:#f2f2f2; */
     height: 50px;
@@ -45,7 +64,9 @@
     margin-top: 10vh;
     margin-left: 110px;
 }
-
+.compose-container{
+    margin-top:20vh;
+}
 #partner-logo {
     height: 40px;
     cursor: pointer;
@@ -67,7 +88,12 @@
     color: black;
     /* font-weight: bold; */
 }
-
+.compose-hero{
+    text-transform: capitalize;
+    font-size: 2em;
+    font-weight: bold;
+    padding-bottom: 20px;
+}
 .latest-posts-hero {
     font-weight: bold;
     /* margin-bottom: -5vh  ; */
@@ -711,7 +737,12 @@ li span:hover:after {
     .legal {
         display: none;
     }
-
+    .compose-input{
+        width: 86vw;
+    }
+    .publish-btn{
+        padding:10px 30px;
+    }
     .nav-items {
         width: 0;
         height: 0;