Update du hompage.css pour adapter le backgroundde la page d'accueil

Author: antoine2trem

content/theme/assets/stylesheets/homepage.css

@@ -29,12 +29,7 @@
 /* Hero */
 .tx-container {
   padding-top: 0rem;
-  background: linear-gradient(
-    to bottom,
-    var(--md-primary-fg-color),
-    #56c29e 99%,
-    #fff 99%
-  );
+  background: var(--md-default-bg-color);
 }
 
 .tx-hero {
@@ -56,7 +51,7 @@
 }
 
 .tx-hero p {
-  color: currentColor;
+  color: var(--md-default-fg-color);
   font-weight: 400;
   font-size: 20px;
   line-height: 32px;
@@ -99,6 +94,7 @@
   border-top: 1px solid rgb(222, 222, 222);
   border-bottom: 1px solid rgb(222, 222, 222);
 }
+
 @media screen and (max-width: 1012px) {
   .secondary-section {
     display: block;
@@ -193,12 +189,7 @@
   opacity: 0.85;
 }
 
-.secondary-section
-  .g
-  .section
-  .component-wrapper
-  .image-wrapper
-  .image-overlay {
+.secondary-section .g .section .component-wrapper .image-wrapper .image-overlay {
   background: var(--md-default-bg-color--light);
   bottom: 5px;
   color: var(--md-default-fg-color);
@@ -212,12 +203,7 @@
   width: 100%;
 }
 
-.secondary-section
-  .g
-  .section
-  .component-wrapper
-  .image-wrapper:hover
-  .image-overlay {
+.secondary-section .g .section .component-wrapper .image-wrapper:hover .image-overlay {
   opacity: 1;
 }
 
@@ -241,6 +227,7 @@
   height: auto;
   width: 50%;
 }
+
 @media screen and (max-width: 1012px) {
   .secondary-section .g .section .component-wrapper .second-column {
     width: 100%;
@@ -254,18 +241,14 @@
   grid-template-columns: repeat(1, 1fr);
   gap: 2rem;
 }
+
 @media screen and (min-width: 64rem) {
   .secondary-section .g .section .component-wrapper .responsive-grid {
     grid-template-columns: repeat(3, 1fr);
   }
 }
 
-.secondary-section
-  .g
-  .section
-  .component-wrapper
-  .responsive-grid
-  a.card-wrapper {
+.secondary-section .g .section .component-wrapper .responsive-grid a.card-wrapper {
   text-decoration: none;
   transition: none;
   background: none;
@@ -298,6 +281,7 @@
     padding: 2rem 2.5rem;
   }
 }
+
 @media screen and (min-width: 36rem) {
   .secondary-section .g .section .component-wrapper .responsive-grid .card {
     padding: 1rem 1.5rem;
@@ -311,39 +295,19 @@
   width: 1.2rem;
 }
 
-.secondary-section
-  .g
-  .section
-  .component-wrapper
-  .responsive-grid
-  .card
-  .card-content {
+.secondary-section .g .section .component-wrapper .responsive-grid .card .card-content {
   display: flex;
   flex: 1 1 0%;
   flex-direction: column;
   width: 100%;
 }
 
-.secondary-section
-  .g
-  .section
-  .component-wrapper
-  .responsive-grid
-  .card
-  .card-content
-  h5 {
+.secondary-section .g .section .component-wrapper .responsive-grid .card .card-content h5 {
   color: var(--md-primary-fg-color);
   margin: 0;
 }
 
-.secondary-section
-  .g
-  .section
-  .component-wrapper
-  .responsive-grid
-  .card
-  .card-content
-  p {
+.secondary-section .g .section .component-wrapper .responsive-grid .card .card-content p {
   margin-top: 0.25em;
   margin-bottom: 0;
   color: var(--md-default-fg-color);
@@ -352,14 +316,7 @@
   line-height: normal;
 }
 
-.secondary-section
-  .g
-  .section
-  .component-wrapper
-  .responsive-grid
-  .card
-  .card-content
-  code {
+.secondary-section .g .section .component-wrapper .responsive-grid .card .card-content code {
   background: var(--md-default-bg-color) none repeat scroll 0% 0%;
   padding: 2px 6px;
   border-radius: 4px;