added styles and removed redundant logo on home page

BracketNerd101 · Sep 25, 2023 · 86e40fa · 86e40fa
1 parent dc49f6f
commit 86e40fa
Show file tree

Hide file tree

Showing 5 changed files with 27 additions and 20 deletions.
diff --git a/index.html b/index.html
@@ -95,10 +95,10 @@ <h4 class="reverse-box-style">ace</h4>
     <nav class="navbar fixed-top naked-nav">
       <div class="container">
         <a class="navbar-brand custom-logo-style" href="index.html">
-          <h4 class="black-box-style">ace</h4>
+          <!-- <h4 class="black-box-style">ace</h4> -->
         </a>
         <a
-          class="text-white plus-button-style"
+          class="text-black plus-button-style"
           data-bs-toggle="offcanvas"
           data-bs-target="#offcanvasRight"
           aria-controls="offcanvasRight"

diff --git a/scss/custom-nav-dropper.css b/scss/custom-nav-dropper.css
@@ -56,18 +56,20 @@
   padding-bottom: 0.3rem;
 }
 
-.black-box-style:hover {
-  font-size: 3.7rem;
-  font-weight: 700;
-  font-family: "poppins";
-  color: -webkit-linear-gradient(to right, #45a247, #283c86); /* Chrome 10-25, Safari 5.1-6 */
-  box-shadow: 7px 7px #ffffff;
-  padding-left: 1.8rem;
-  padding-right: 1.8rem;
-  padding-top: 0.3rem;
-  padding-bottom: 0.3rem;
+@media (max-width: 575.98px) {
+  .black-box-style {
+    font-size: 3.7rem;
+    font-weight: 700;
+    font-family: "poppins";
+    color: #ffffff;
+    background: #000000; /* fallback for old browsers */
+    box-shadow: 7px 7px #cacaca;
+    padding-left: 1.8rem;
+    padding-right: 1.8rem;
+    padding-top: 0.3rem;
+    padding-bottom: 0.3rem;
+  }
 }
-
 .reverse-box-style {
   font-size: 3.7rem;
   font-weight: 700;

diff --git a/scss/custom-nav-dropper.css.map b/scss/custom-nav-dropper.css.map
diff --git a/scss/custom-nav-dropper.min.css b/scss/custom-nav-dropper.min.css
diff --git a/scss/custom-nav-dropper.scss b/scss/custom-nav-dropper.scss
@@ -81,22 +81,27 @@ $neon-brand: #A5F721;
 
 }
 
- .black-box-style:hover {
+@media (max-width: 575.98px) {  
 
+  .black-box-style {
   font-size: 3.7rem;
   font-weight: 700;
   font-family: "poppins";
-  color:  -webkit-linear-gradient(to right, #45a247, #283c86);  /* Chrome 10-25, Safari 5.1-6 */;
-
-  box-shadow: 7px 7px #ffffff;
+  color: #ffffff;
 
+  background: #000000;  /* fallback for old browsers */
+
+  box-shadow: 7px 7px #cacaca;
   padding-left: 1.8rem;
   padding-right: 1.8rem;
   padding-top: 0.3rem;
   padding-bottom: 0.3rem;
 
 
-  }
+    }
+
+ }
+
 
 .reverse-box-style {