Merge pull request #28 from CrawKatt/salamandra_index

Nueva clase .index para el main del index.html

diff --git a/themes/droda/assets/css/main.css b/themes/droda/assets/css/main.css
index f11ec18c68c60498145a8475f2e081480f91ec9b..fd77ead0f6ba15e889390fd03c9885ab87a817fb 100644 (file)
--- a/themes/droda/assets/css/main.css
+++ b/themes/droda/assets/css/main.css
@@ -24,6 +24,7 @@
    --bgColorLight: #D2D2D2;
    --bgColorBlue: #1b6694;
    --bgColorSalamandra: rgb(236, 162, 143);
+   --backgroundImageSize: 10rem;
    --globalScale: 1;
    --navLinkColor: linear-gradient(#1482c8 0 0);
 }
@@ -74,7 +75,7 @@ body {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 5rem 1fr 5rem;
-   grid-template-areas: /* No mostramos el aside en móbiles */
+   grid-template-areas: /* No mostramos el aside en móviles */
       "navbar"
       "main"
       "footer";
@@ -310,6 +311,15 @@ footer {
    margin: 0 auto;
 }
 
+.index {
+   background-color: var(--bgColorMidDark);
+   background-image: url('../images/salamandra_margin.svg');
+   background-position-x: center;
+   background-position-y: 2rem;
+   background-repeat: no-repeat;
+   background-size: var(--backgroundImageSize);
+}
+
 @media screen and (max-width: 480px) {
    body {
       min-width: 25rem;

diff --git a/themes/droda/layouts/index.html b/themes/droda/layouts/index.html
index 3fe3fd717d4dfa74e39fe58a3d9656f18b446b54..e9a6b9b9dd63a65ac18c6f197fa09de5466d5690 100644 (file)
--- a/themes/droda/layouts/index.html
+++ b/themes/droda/layouts/index.html
@@ -1,5 +1,5 @@
 {{ define "main" }}
-    <main>
+    <main class="index">
        <div class="greetings">
            <p>{{ .Content }}</p>
        </div>