home updates

This commit is contained in:
2019-06-17 19:27:21 +02:00
parent fc73386e85
commit 5fe471dfe6
4 changed files with 198 additions and 85 deletions

View File

@@ -503,14 +503,14 @@ object {
.touchevents .header-scroll {
display: none !important; }
@media (min-width: 769px) {
.touchevents .archive,
.touchevents .home {
overflow-y: hidden; } }
/* -------------------------------------------------------------------------- */
/* ARCHIVE AND HOMEPAGE */
/* -------------------------------------------------------------------------- */
@media (min-width: 769px) {
.archive,
.home {
overflow-y: hidden; } }
.archive .wrapper,
.home .wrapper {
/* ----------------------------- header on home ----------------------------- */ }
@@ -612,7 +612,7 @@ object {
margin-left: 10rem;
padding-top: 4rem;
border-right: #000 1px solid;
/* -------------------------------- thumbnail and title ------------------------------- */
/* ------------- home article desktop big - thumbnail and title ------------- */
/* -------------------------- home article metadata big------------------------- */
/* ------------------------- home article big hover ------------------------- */ }
.archive main section .home-wrapper-big article .thumbnailwrapper,
@@ -678,10 +678,6 @@ object {
.archive main section .home-wrapper-big article .metadata,
.home main section .home-wrapper-big article .metadata {
font-size: 2rem; } }
@media (min-width: 769px) {
.archive main section .home-wrapper-big article .metadata > div,
.home main section .home-wrapper-big article .metadata > div {
width: 30%; } }
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 2.1) {
.archive main section .home-wrapper-big article .metadata,
.home main section .home-wrapper-big article .metadata {
@@ -689,24 +685,34 @@ object {
@media (min-width: 769px) {
.archive main section .home-wrapper-big article .metadata .categories,
.home main section .home-wrapper-big article .metadata .categories {
display: block; }
display: block;
padding: 0 5rem; }
.archive main section .home-wrapper-big article .metadata .vr,
.home main section .home-wrapper-big article .metadata .vr {
height: 100%;
width: 1px;
background-color: #000; }
.archive main section .home-wrapper-big article .metadata .postedon,
.home main section .home-wrapper-big article .metadata .postedon {
padding: 0 5rem; }
.archive main section .home-wrapper-big article .metadata .bevezeto,
.archive main section .home-wrapper-big article .metadata .alcim,
.home main section .home-wrapper-big article .metadata .bevezeto,
.home main section .home-wrapper-big article .metadata .alcim {
display: none; }
.archive main section .home-wrapper-big article.hovered,
.home main section .home-wrapper-big article.hovered {
width: calc(100vw - (10rem * 2)); }
.archive main section .home-wrapper-big article.hovered h2 > a,
.home main section .home-wrapper-big article.hovered h2 > a {
color: #000; }
.archive main section .home-wrapper-big article.hovered h2 > a,
.home main section .home-wrapper-big article.hovered h2 > a {
color: #000; }
.archive main section .home-wrapper-big.home-wrapper-1 article a.thumbnailwrapper,
.home main section .home-wrapper-big.home-wrapper-1 article a.thumbnailwrapper {
justify-content: flex-end; }
.archive main section .home-wrapper-big.home-wrapper-2 article,
.home main section .home-wrapper-big.home-wrapper-2 article {
border-left: #000 1px solid; } }
border-left: #000 1px solid; }
.archive main section .home-wrapper-big.home-wrapper-2 article .thumbnailwrapper img,
.home main section .home-wrapper-big.home-wrapper-2 article .thumbnailwrapper img {
left: -5rem;
position: relative; } }
@media (min-width: 769px) {
.archive main section .home-wrapper-small,
.home main section .home-wrapper-small {
@@ -1366,6 +1372,26 @@ object {
color: #fff !important;
-webkit-text-stroke: #3c00ff 1px !important; } }
body.hover-tag-be,
.header-1.hover-tag-be,
.header-2.hover-tag-be {
background-color: #00ffb8 !important; }
body.hover-tag-do,
.header-1.hover-tag-do,
.header-2.hover-tag-do {
background-color: #ff5f5f !important; }
body.hover-tag-think,
.header-1.hover-tag-think,
.header-2.hover-tag-think {
background-color: #fdff00 !important; }
body.hover-tag-love,
.header-1.hover-tag-love,
.header-2.hover-tag-love {
background-color: #3c00ff !important; }
/* -------------------------------------------------------------------------- */
/* imports */
/* -------------------------------------------------------------------------- */