morel-theme 0.2.29 → 0.2.30

data/_sass/layout/_header.scss

@@ -1,69 +1,69 @@
-/* RESPONSIVE LOGO */
-/* .header .logo {
-  width: 125px;
-  height: 184px;
-  background-image: url("../img/morel.svg");
-  background-position: center bottom;
-  padding: 0px;
-  margin: 0 auto; }
-
-.tienda .logo {
-  background-image: url("../img/morel-tienda.svg"); }
-
-.header .r-logo {
-  display: flex;
-  justify-content: center;
-  height: 65vh;
-  align-items: center;
-  text-align: center; }
-
-.logo-container input, .logo-container a {
-  display: none; }
-
-/*s*/
-/* @media only screen and (min-width: 376px) and (max-width: 599px) {
-  .header .logo {
-    background-position: center 504px;
-    width: 187px;
-    height: 275px; } }
-
-/* xl */
-/* @media only screen and (min-width: 1227px) {
-  .header .logo {
-    background-position: center top;
-    width: 560px;
-    height: 258px; } }
-/*l */
-/*@media only screen and (min-width: 1040px) and (max-width: 1226px) {
-  .header .logo {
-    background-position: center 1335px;
-    width: 520px;
-    height: 240px; } }
-/*ml*/
-/* @media only screen and (min-width: 798px) and (max-width: 1039px) {
-  .header .logo {
-    background-position: center 1050px;
-    width: 396px;
-    height: 260px; } }
-/*m*/
-/* @media only screen and (min-width: 600px) and (max-width: 797px) {
-  .header .logo {
-    background-position: center 745px;
-    width: 300px;
-    height: 197px; } }
-/*header*/
-/* .logo-container {
-  max-width: 50%;
-  margin-top: 2rem; }
-
-/*xs styling*/
-/*Desde s hasta xl*/
-/* @media screen and (min-width: 600px) {
-  .header .r-logo {
-    height: 70vh !important; }
-
-  .logo-container input, .logo-container a {
-    display: inline; }
-
-  .header.tienda {
+/* RESPONSIVE LOGO */
+/* .header .logo {
+  width: 125px;
+  height: 184px;
+  background-image: url("../img/morel.svg");
+  background-position: center bottom;
+  padding: 0px;
+  margin: 0 auto; }
+
+.tienda .logo {
+  background-image: url("../img/morel-tienda.svg"); }
+
+.header .r-logo {
+  display: flex;
+  justify-content: center;
+  height: 65vh;
+  align-items: center;
+  text-align: center; }
+
+.logo-container input, .logo-container a {
+  display: none; }
+
+/*s*/
+/* @media only screen and (min-width: 376px) and (max-width: 599px) {
+  .header .logo {
+    background-position: center 504px;
+    width: 187px;
+    height: 275px; } }
+
+/* xl */
+/* @media only screen and (min-width: 1227px) {
+  .header .logo {
+    background-position: center top;
+    width: 560px;
+    height: 258px; } }
+/*l */
+/*@media only screen and (min-width: 1040px) and (max-width: 1226px) {
+  .header .logo {
+    background-position: center 1335px;
+    width: 520px;
+    height: 240px; } }
+/*ml*/
+/* @media only screen and (min-width: 798px) and (max-width: 1039px) {
+  .header .logo {
+    background-position: center 1050px;
+    width: 396px;
+    height: 260px; } }
+/*m*/
+/* @media only screen and (min-width: 600px) and (max-width: 797px) {
+  .header .logo {
+    background-position: center 745px;
+    width: 300px;
+    height: 197px; } }
+/*header*/
+/* .logo-container {
+  max-width: 50%;
+  margin-top: 2rem; }
+
+/*xs styling*/
+/*Desde s hasta xl*/
+/* @media screen and (min-width: 600px) {
+  .header .r-logo {
+    height: 70vh !important; }
+
+  .logo-container input, .logo-container a {
+    display: inline; }
+
+  .header.tienda {
     height: 55vh !important; } } */

data/_sass/layout/_navigation.scss

@@ -1,145 +1,145 @@
-    .navBar {
-      background-color: var(--background);
-      position: fixed;
-      min-width: 100%;
-      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.12), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
-      z-index: 100;
-    }
-
-    nav .logo {
-      background-color: transparent;
-      border-radius: 50px;
-      display: inline-block;
-      height: 1.5rem;
-      margin: 1em 0;
-    }
-
-    nav .logo img {
-      max-width: 6.250rem;
-      height: auto;
-      margin-right: 2;
-    }
-
-
-    .navBar li:first child {
-      margin-right: auto;
-    }
-
-    .wrapper {
-      margin: 0 auto;
-      /*  max-width: 1227px;*/
-      padding: 0 2%;
-    }
-
-    nav ul {
-      display: flex;
-      list-style-type: none;
-      width: 30%;
-    }
-
-    nav ul a {
-      color: var(--color-1);
-      text-decoration: none;
-      transition: all .5s ease;
-      display: block;
-      padding: 0px 0.25em;
-    }
-
-    nav ul a:hover {
-      color: var(--color-2);
-    }
-
-    nav div {
-      display: flex;
-      justify-content: space-between;
-      list-style-type: none;
-      width: 50%;
-    }
-
-    nav div a {
-      color: var(--color-1);
-      text-decoration: none;
-      transition: all .5s ease;
-    }
-
-    nav div a:hover {
-      color: var(--background);
-    }
-
-    nav li {
-      display: inline-block;
-      flex: 1 1 100%;
-      text-align: right;
-      font-weight: 600;
-    }
-
-    nav .menu-item {
-      flex: 1 1 100%;
-    }
-
-    nav #menu-toggle {
-      display: none;
-    }
-
-    nav .label-toggle {
-      display: none;
-    }
-
-    nav .wrapper {
-      align-items: center;
-      display: flex;
-      justify-content: space-between;
-    }
-
-    /*NAV BAR MEDIA QUERRIES */
-
-    @media screen and (max-width: 912px) {
-      nav nav ul a {
-        color: var(--color-1);
-      }
-
-      nav nav ul a:hover {
-        color: var(--background);
-      }
-
-      nav ul {
-        display: block;
-        height: 0;
-        list-style-type: none;
-        opacity: 0;
-        text-align: center;
-        transition: all 1s ease;
-        width: 100%;
-        visibility: hidden;
-      }
-
-      nav li {
-        border: 0px 2px 2px 2px solid var(--color-1);
-        color: var(--color-1);
-        display: block;
-        font-size: 1.5em;
-        padding: 1em 1em;
-        background-color: var(--color-2);
-        text-align: center;
-      }
-
-      nav #menu-toggle:checked~ul {
-        opacity: 1;
-        height: .0001rem;
-        visibility: visible;
-      }
-
-      nav .label-toggle {
-        background: linear-gradient(to bottom, var(--color-1) 0%, var(--color-1) 20%, transparent 20%, transparent 40%, var(--color-1) 40%, var(--color-1) 60%, transparent 60%, transparent 80%, var(--color-1) 80%, var(--color-1) 100%);
-        cursor: pointer;
-        display: block;
-        float: right;
-        height: 1.43em;
-        margin-top: 1em;
-        width: 1.43em;
-      }
-
-      nav .wrapper {
-        display: block;
-      }
+    .navBar {
+      background-color: var(--background);
+      position: fixed;
+      min-width: 100%;
+      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.12), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
+      z-index: 100;
+    }
+
+    nav .logo {
+      background-color: transparent;
+      border-radius: 50px;
+      display: inline-block;
+      height: 1.5rem;
+      margin: 1em 0;
+    }
+
+    nav .logo img {
+      max-width: 6.250rem;
+      height: auto;
+      margin-right: 2;
+    }
+
+
+    .navBar li:first child {
+      margin-right: auto;
+    }
+
+    .wrapper {
+      margin: 0 auto;
+      /*  max-width: 1227px;*/
+      padding: 0 2%;
+    }
+
+    nav ul {
+      display: flex;
+      list-style-type: none;
+      width: 30%;
+    }
+
+    nav ul a {
+      color: var(--color-1);
+      text-decoration: none;
+      transition: all .5s ease;
+      display: block;
+      padding: 0px 0.25em;
+    }
+
+    nav ul a:hover {
+      color: var(--color-2);
+    }
+
+    nav div {
+      display: flex;
+      justify-content: space-between;
+      list-style-type: none;
+      width: 50%;
+    }
+
+    nav div a {
+      color: var(--color-1);
+      text-decoration: none;
+      transition: all .5s ease;
+    }
+
+    nav div a:hover {
+      color: var(--background);
+    }
+
+    nav li {
+      display: inline-block;
+      flex: 1 1 100%;
+      text-align: right;
+      font-weight: 600;
+    }
+
+    nav .menu-item {
+      flex: 1 1 100%;
+    }
+
+    nav #menu-toggle {
+      display: none;
+    }
+
+    nav .label-toggle {
+      display: none;
+    }
+
+    nav .wrapper {
+      align-items: center;
+      display: flex;
+      justify-content: space-between;
+    }
+
+    /*NAV BAR MEDIA QUERRIES */
+
+    @media screen and (max-width: 912px) {
+      nav nav ul a {
+        color: var(--color-1);
+      }
+
+      nav nav ul a:hover {
+        color: var(--background);
+      }
+
+      nav ul {
+        display: block;
+        height: 0;
+        list-style-type: none;
+        opacity: 0;
+        text-align: center;
+        transition: all 1s ease;
+        width: 100%;
+        visibility: hidden;
+      }
+
+      nav li {
+        border: 0px 2px 2px 2px solid var(--color-1);
+        color: var(--color-1);
+        display: block;
+        font-size: 1.5em;
+        padding: 1em 1em;
+        background-color: var(--color-2);
+        text-align: center;
+      }
+
+      nav #menu-toggle:checked~ul {
+        opacity: 1;
+        height: .0001rem;
+        visibility: visible;
+      }
+
+      nav .label-toggle {
+        background: linear-gradient(to bottom, var(--color-1) 0%, var(--color-1) 20%, transparent 20%, transparent 40%, var(--color-1) 40%, var(--color-1) 60%, transparent 60%, transparent 80%, var(--color-1) 80%, var(--color-1) 100%);
+        cursor: pointer;
+        display: block;
+        float: right;
+        height: 1.43em;
+        margin-top: 1em;
+        width: 1.43em;
+      }
+
+      nav .wrapper {
+        display: block;
+      }
     }

data/_sass/pages/_author.scss

@@ -1,69 +1,69 @@
-.autor-pagina {
-    display: flex;
-    flex-direction: row;
-    flex-wrap: wrap;
-    align-items: baseline;
-    margin-bottom: 3.125em;
-    margin-top: 2.5em;
-    background-color: var(--background);
-}
-
-.autor-pagina .portada {
-    max-width: 80%;
-    justify-content: center;
-}
-
-.autor-pagina .responsive {
-    width: auto;
-    max-width: 100%;
-}
-
-.autor-pagina .portada .img-frame {
-    text-align: center;
-}
-
-/*xs, s & m styling*/
-@media screen and (max-width: 798px) {
-    .autor-pagina .portada .img-frame {
-        padding: 0 15.1% 0 15.1%;
-    }
-
-    .autor-pagina .portada {
-        max-width: 100%;
-    }
-
-    .autor-pagina .responsive {
-        width: 100%;
-    }
-}
-
-
-.container {
-    position: relative;
-}
-
-.image {
-    display: block;
-    width: 100%;
-    height: auto;
-}
-
-.autores .image {
-    width: calc(100% - 12px);
-    border: 1px solid #ddd;
-    padding: 5px;
-    background-color: var(--background);
-}
-
-.overlay {
-    position: absolute;
-    bottom: 0;
-    left: 0;
-    right: 100%;
-    background-color: rgba(0, 0, 0, 0.6);
-    overflow: hidden;
-    width: 0;
-    height: 100%;
-    transition: .5s ease;
-    pointer-events: none;
+.autor-pagina {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    align-items: baseline;
+    margin-bottom: 3.125em;
+    margin-top: 2.5em;
+    background-color: var(--background);
+}
+
+.autor-pagina .portada {
+    max-width: 80%;
+    justify-content: center;
+}
+
+.autor-pagina .responsive {
+    width: auto;
+    max-width: 100%;
+}
+
+.autor-pagina .portada .img-frame {
+    text-align: center;
+}
+
+/*xs, s & m styling*/
+@media screen and (max-width: 798px) {
+    .autor-pagina .portada .img-frame {
+        padding: 0 15.1% 0 15.1%;
+    }
+
+    .autor-pagina .portada {
+        max-width: 100%;
+    }
+
+    .autor-pagina .responsive {
+        width: 100%;
+    }
+}
+
+
+.container {
+    position: relative;
+}
+
+.image {
+    display: block;
+    width: 100%;
+    height: auto;
+}
+
+.autores .image {
+    width: calc(100% - 12px);
+    border: 1px solid #ddd;
+    padding: 5px;
+    background-color: var(--background);
+}
+
+.overlay {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    right: 100%;
+    background-color: rgba(0, 0, 0, 0.6);
+    overflow: hidden;
+    width: 0;
+    height: 100%;
+    transition: .5s ease;
+    pointer-events: none;
 }