morel-theme 0.1.3 → 0.2.0

data/_sass/base/_typography.scss

@@ -0,0 +1,155 @@
+@import url(https://fonts.googleapis.com/css?family=Exo:300,400,700|Kanit:400,500,600,700);
+
+html {
+  font-size: 14px;
+}
+
+@media screen and (min-width: 601px) and (max-width: 1226px) {
+  html {
+    font-size: 16px;
+  }
+}
+
+@media screen and (min-width: 1227px) {
+  html {
+    font-size: 18px;
+  }
+}
+
+a {
+  text-decoration: none;
+  outline: none;
+  color: var(--color-1);
+}
+
+.blog-post a,
+a.morel,
+footer a {
+  color: var(--color-1);
+  font-weight: 500;
+  transition: all 1s ease;
+}
+
+.ficha-metadata a {
+  color: var(--color-1);
+  font-weight: 700;
+  transition: all 1s ease;
+}
+
+a.metadata-input,
+footer a {
+  color: var(--color-1);
+  transition: all 1s ease;
+  text-decoration: none;
+}
+
+a.morel:hover,
+a.metadata-input:hover,
+footer a:hover {
+  color: var(--color-2);
+  cursor: pointer;
+}
+
+a {
+  text-decoration: none;
+  outline: none;
+  color: var(--color-1);
+}
+
+.blog-post a,
+a.morel,
+footer a {
+  color: var(--color-1);
+  font-weight: 500;
+  transition: all 1s ease;
+}
+
+.ficha-metadata a {
+  color: var(--color-1);
+  font-weight: 700;
+  transition: all 1s ease;
+}
+
+a.metadata-input,
+footer a {
+  color: var(--color-1);
+  transition: all 1s ease;
+  text-decoration: none;
+}
+
+a.morel:hover,
+a.metadata-input:hover,
+footer a:hover {
+  color: var(--color-2);
+  cursor: pointer;
+}
+
+/* branding words*/
+
+
+b.morel-word {
+  font-weight: 700;
+  font-transform: uppercase;
+  font-size: 1.25em;
+  display: inline-block;
+}
+
+b.morel-word::first-letter {
+  color: var(--color-2) !important;
+  font-weight: 700 !important;
+}
+
+b.site-word {
+  font-size: 1.20em;
+}
+
+/* 2.0 overrides */
+
+h1.index {
+
+  font-size: 1.9rem;
+  font-weight: 200;
+  letter-spacing: 0.1rem;
+  text-transform: uppercase;
+  margin: 6.5rem 0px 6rem;
+  text-align: center;
+  
+  }
+  
+  h1.list {
+    visibility: hidden;
+  }
+  
+  h2.index,
+  p.index {
+  
+    margin: 1rem;
+  }
+  
+  .obras {
+    margin-bottom: 0;
+  }
+  
+  
+  .overlay-text-inside {
+   margin: 0 -1rem 1.3rem;
+  font-size: 1rem;
+  color: var(--background);
+  
+  }
+  
+  
+  .see-and-download {
+    font-size: 1.8rem;
+  margin-top: 1.3rem;
+  color: var(--background);
+  }
+  
+  .clear {
+    color: transparent;
+  }
+  
+  
+  .overlay {
+    background-color: rgba(0, 0, 0, 0.88);
+  }

data/_sass/base/_variables.scss

@@ -0,0 +1,62 @@
+:root {
+    --color-1: #2a3425;
+    --color-2: #d4695c;
+    --color-3: #86a27b;
+    --background: #F9F9F9;
+    --fondo: rgba(235, 235, 235, 0.4) ; }
+
+body, iframe > body {
+  background-color: var(--background);
+  color: var(--color-1);
+  font-family: 'Kanit', "Lucida Console", Monaco, monospace;
+  line-height: 2em;
+  font-size: 1em;
+  background-image: url("../img/trama.png");
+  background-size: 1100px;
+  object-fit: cover;
+ }
+
+h1 {
+  font-size: 1.688rem;
+  font-weight: 500;
+  text-transform: uppercase;
+  margin: 3.5rem 0px 1rem;
+  text-align: center; }
+
+h1.book {
+  display: none;
+}
+
+h2 {
+  font-size: 2rem;
+  font-weight: 600;
+  line-height: 2rem; }
+
+h3 {
+  font-size: 1.5rem;
+  font-weight: 600;
+  line-height: 2rem;
+  margin-top: 1.5rem; }
+
+/*hash link workaround*/
+h3::before, h2::before, h1::before {
+  display: block;
+  content: " ";
+  margin-top: -3em;
+  height: 3em;
+  visibility: hidden;
+  pointer-events: none; }
+
+/*end of hash link workaround*/
+p {
+  font-size: 1.2rem;
+  font-weight: 300;
+  line-height: 1.5em;
+  margin-top: 1rem; }
+
+label {
+  cursor: pointer; }
+
+p.morel:first-of-type::first-letter {
+  font-size: 2rem;
+  font-weight: 500; }

data/_sass/components/_buttons.scss

@@ -0,0 +1,71 @@
+label.button,
+button {
+  font-size: 1.4rem;
+  font-family: 'Kanit', "Lucida Console", Monaco, monospace;
+  color: var(--color-1);
+  background: none;
+  font-weight: 500;
+  border-left: 0px;
+  border-top: 0px;
+  border-right: 0.185em;
+  border-bottom: 0.185em;
+  border-style: solid;
+  display: inline;
+  padding: 0px 0.750rem;
+  letter-spacing: -0.063rem;
+  text-transform: uppercase;
+  cursor: pointer;
+  transition: all 1s ease;
+}
+
+label:hover.button,
+button:hover {
+  font-weight: 600;
+  color: var(--background);
+  background: var(--color-2);
+  border-style: none;
+}
+
+small {
+  font-size: 1.4rem;
+}
+
+/* label as buttons */
+label.button,
+button {
+  font-size: 1.4rem;
+  font-family: 'Kanit', "Lucida Console", Monaco, monospace;
+  color: var(--color-1);
+  background: none;
+  font-weight: 500;
+  border-left: 0px;
+  border-top: 0px;
+  border-right: 0.185em;
+  border-bottom: 0.185em;
+  border-style: solid;
+  display: inline;
+  padding: 0px 0.750rem;
+  letter-spacing: -0.063rem;
+  text-transform: uppercase;
+  cursor: pointer;
+  transition: all 1s ease;
+}
+
+label:hover.button,
+button:hover {
+  font-weight: 600;
+  color: var(--background);
+  background: var(--color-2);
+  border-style: none;
+}
+
+
+label.promotion {
+  font-size: 1.2rem;
+}
+
+.promotion {
+  text-align: right;
+  margin-bottom: -1.3rem;
+  margin-top: 1.3rem;
+}

data/_sass/components/_modals.scss

@@ -0,0 +1,92 @@
+.modal ul {
+    list-style-type: square;
+    list-style-image: url("img/list.svg");
+    list-style-position: inside;
+    margin-left: 5%;
+    margin-top: 2rem;
+}
+
+.checker:checked+.modal {
+    display: flex;
+}
+
+.modal {
+    display: none;
+    justify-content: center;
+    align-items: baseline;
+    position: fixed;
+    top: 2.5rem;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    background-color: rgba(0, 0, 0, 0.4);
+    overflow: scroll;
+}
+
+.modal-body {
+    max-width: 97%;
+    background-color: var(--background);
+}
+
+
+.modal .ficha-extract,
+.modal .ficha-title,
+.modal .ficha-metadata {
+    padding-right: 5% !important;
+    padding-left: 5% !important;
+}
+
+.modal .ficha-metadata {
+    line-height: initial;
+    text-align: left;
+    /*display: block;*/
+}
+
+.modal .btn-container,
+footer .btn-container {
+    margin: 1rem 0 1rem 0;
+}
+
+label.morel {
+    color: var(--color-1);
+    font-weight: 500;
+    transition: all 1s ease;
+}
+
+label.morel:hover {
+    color: var(--color-2);
+    cursor: pointer;
+}
+
+@media screen and (min-width: 601px) {
+    .modal .ficha-metadata {
+        display: flex;
+    }
+
+    .modal .btn-container {
+        flex-basis: 33%;
+        padding: 0px 2% 0px 2%;
+    }
+}
+
+@media screen and (min-width: 375px) {
+
+    .modal .ficha-extract,
+    .modal .ficha-title,
+    .modal .ficha-metadata {
+        padding-right: 15.1% !important;
+        padding-left: 15.1% !important;
+    }
+}
+
+@media screen and (min-width: 375px) and (max-width: 798px) {
+    .modal-body {
+        max-width: 90% !important;
+    }
+}
+
+@media screen and (min-width: 799px) {
+    .modal-body {
+        max-width: 70% !important;
+    }
+}

data/_sass/layout/_footer.scss

@@ -0,0 +1,51 @@
+footer {
+  background-color: var(--background);
+  min-width: 100%;
+  box-shadow: 0 -2px 5px 0 rgba(0, 0, 0, 0.16), 0 -2px 10px 0 rgba(0, 0, 0, 0.12);
+  padding-bottom: 0px;
+}
+
+footer .main-container {
+  background-color: var(--background);
+}
+
+footer a.morel {
+  font-weight: 300;
+}
+
+/* 2.0 overrides */
+
+/* footer */
+.default-footer {
+  background: var(--background);
+  padding-bottom: 100px;
+  padding-top: 100px;
+  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.12), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
+}
+
+.text-center {
+  text-align: center !important;
+}
+
+.dis-blk {
+  display: block;
+  margin-bottom: 30px;
+}
+
+.copy-right {
+  font-size: 12px;
+  color: #bac0cb;
+}
+
+footer .social a {
+  font-size: 1.6rem;
+}
+
+
+.footer-logo {
+  width: auto;
+}
+
+.mb-40 {
+  margin-bottom: 40px;
+}

data/_sass/layout/_forms.scss

@@ -0,0 +1,106 @@
+/*forms*/
+input[type=email] {
+    border: .125em solid #ccc;
+    font-size: 1.4rem;
+    transition: all 1s ease;
+    width: 100%;
+    max-width: 400px;
+    padding: 0.5rem; }
+  
+  input[type=email]:focus {
+    border: 0.125em solid var(--color-2); }
+  
+  input[type=submit] {
+    font-size: 1.4rem;
+    font-family: 'Kanit', "Lucida Console", Monaco, monospace;
+    color: var(--color-1);
+    background: none;
+    font-weight: 500;
+    border-left: 0px;
+    border-top: 0px;
+    border-right: 0.185em;
+    border-bottom: 0.185em;
+    border-style: solid;
+    display: inline;
+    padding: 0px 0.750rem;
+    letter-spacing: -0.063rem;
+    text-transform: uppercase;
+    cursor: pointer;
+    transition: all 1s ease; }
+  
+  .busqueda input[type=submit] {
+    margin-right: -1rem;
+  }
+  
+  input[type=submit]:hover {
+    font-weight: 600;
+    color: var(--background);
+    background: var(--color-2);
+    border-style: none; }
+  
+  label.input {
+    font-size: 1.4rem; }
+  
+  input[type=search], input[type=text] {
+    border-bottom: .17em solid #ccc;
+  font-size: 1.4rem;
+  transition: all 1s ease;
+  width: 100%;
+  max-width: 400px;
+  padding: 0.5rem;
+  border-top: none;
+  border-left: none;
+  border-right: .17em solid #ccc; }
+  
+  input[type=search]:focus {
+    border: 0.125em solid var(--color-2); }
+  
+  /*footer form*/
+  .footer-row {
+    display: flex;
+    flex-wrap: wrap;
+    padding: 1rem 1rem;
+    align-items: center;
+    text-align: center; }
+  
+  .footer-col {
+    line-height: 2rem;
+    flex-basis: 100%;
+    align-self: center;
+    padding: 1rem 0px; }
+  
+  .footer {
+    font-weight: 400; }
+  
+  @media screen and (min-width: 799px) {
+    .footer-col {
+      flex-basis: 33.33%; }
+  
+    .footer-row {
+      text-align: left; } }
+  /*participar panel*/
+  .participar {
+    flex-basis: 100%; }
+  
+  .participar-right {
+    padding-left: 15.1%;
+    padding-right: 15.1%; }
+  
+  .participar .ficha-extract {
+    padding-right: 15.1%; }
+  
+  .participar .ficha-title {
+    padding-right: 15.1%; }
+  
+  @media screen and (min-width: 799px) {
+    .participar {
+      flex-basis: 50%; }
+  
+    .participar-right {
+      padding-left: 0px; }
+  
+    .participar .ficha-extract {
+      padding-right: 6%; }
+  
+    .participar .ficha-title {
+      padding-right: 6%; } }