infeeeee/dis-2019
1
0
Fork 0
Code Issues 6 Pull Requests Releases 19 Wiki Activity

added lot of things

Browse Source
This commit is contained in:
infeeeee
2019-07-18 23:55:33 +02:00
parent 0f3aaed434
commit 7ea5c5d1e8
13 changed files with 538 additions and 230 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
sass/_font-mixins.scss
View File

@@ -149,12 +149,18 @@
font: 900 2rem "Westeinde Caption";
color: #fff;
-webkit-text-stroke: #000 1px;
}
}
@mixin single-h2 {
font: 800 3rem "Butler";
}
@mixin single-h4 {
font-weight: 500;
font-size: 2rem;
font-size: 2.4rem;
line-height: 1.6;
}
@mixin captiontext {

122
sass/base.scss
View File

@@ -19,7 +19,8 @@ html {
font-size: 62.5%;
}
body {
font: 300 14px/1.4 "Westeinde Caption", "Helvetica Neue", Helvetica, Arial, sans-serif;
font: 300 18px/1.8 "Westeinde Caption", "Helvetica Neue", Helvetica, Arial, sans-serif;
// font: 300 14px/1.4 "Westeinde Caption", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #000;
}
/* clear */
@@ -1311,11 +1312,6 @@ body.category.category-esemeny {
$padd: 2rem;
/* ---------------------------- single on mobile ---------------------------- */
article {
// & > *,
// h1.single-title {
// padding: $padd;
// margin: 0;
// }
padding-bottom: $h-unit-1;
.thumbnailwrapper {
@@ -1331,15 +1327,16 @@ body.category.category-esemeny {
}
.titlewrapper {
position: absolute;
position: relative;
top: 0;
width: 100%;
height: 100vh;
// height: 100vh;
display: flex;
flex-direction: column;
justify-content: flex-end;
justify-content: flex-start;
align-content: flex-start;
padding: 0;
padding-top: $h-unit-2;
.metadata {
width: calc(100vw - #{$h-unit-1});
@@ -1359,15 +1356,30 @@ body.category.category-esemeny {
h1.single-title {
margin: 0;
@include single-title();
min-height: 25vh;
padding: $padd;
background-color: #fff;
}
}
//override if thumbnail
&.has-post-thumbnail {
@media #{$only-mobile} {
.titlewrapper {
position: absolute;
height: 100vh;
justify-content: flex-end;
padding: 0;
h1.single-title {
min-height: 25vh;
}
}
}
}
/* ---------------------------- single header on desktop --------------------------- */
@media #{$smalldesktop} {
min-height: calc(100vh - #{$h-unit-2});
margin-top: 100vh;
margin-left: $h-unit-1;
background-color: #fff;
@@ -1404,6 +1416,7 @@ body.category.category-esemeny {
position: relative;
justify-content: flex-start;
height: unset;
padding-top: 0;
// display: block;
.metadata {
@@ -1453,9 +1466,9 @@ body.category.category-esemeny {
width: 40%;
}
&.content-begin {
margin-top: calc(25vh + #{$padd});
margin-top: $padd;
@media #{$smalldesktop} {
margin-top: 0;
margin-top: 0 !important;
}
}
&.content-end {
@@ -1464,6 +1477,13 @@ body.category.category-esemeny {
}
}
//override if thumbnail
&.has-post-thumbnail {
hr.content-begin {
margin-top: calc(25vh + #{$padd});
}
}
.single-content {
position: relative;
padding: $padd;
@@ -1473,6 +1493,10 @@ body.category.category-esemeny {
padding-right: $h-unit-2;
}
h2 {
@include single-h2();
}
h3 {
@include single-quote();
margin: 2rem 0;
@@ -1500,15 +1524,22 @@ body.category.category-esemeny {
background: #ff5f5f;
display: inline;
padding: 3px 0;
@include box-shadow(10px 0 #ff5f5f, -5px 0 #ff5f5f);
}
cite {
display: block;
position: relative;
font-size: 80%;
top: 2rem;
top: 0.5rem;
left: 2rem;
}
}
.wp-block-pullquote {
text-align: unset;
}
.wp-block-image {
// padding: $padd 0;
margin: $padd 0;
@@ -1583,16 +1614,22 @@ body.category.category-esemeny {
float: unset;
margin: 0;
@media #{$smalldesktop} {
width: 100%;
}
}
.alignright{
.alignright {
text-align: right;
}
}
}
}
.authors {
@include single-h4();
a {
@include single-metadata();
}
}
} //.single-content end
} //article end
/* -------------------------------- lightbox -------------------------------- */
#cboxOverlay {
@@ -1674,7 +1711,14 @@ body.category.category-esemeny {
}
.toHome {
@media #{$smalldesktop} {
position: relative;
padding-top: $padd * 2;
top: -#{$h-unit-1};
padding-right: $h-unit-2;
a {
margin-bottom: $padd * 2;
display: block;
}
}
}
@@ -1746,6 +1790,9 @@ body.category.category-esemeny {
/* ------------------------ related posts on desktop ------------------------ */
@media #{$smalldesktop} {
padding-right: $h-unit-2;
top: -#{$h-unit-1};
position: relative;
padding-top: $padd;
& > h3 {
display: block;
@@ -1852,7 +1899,16 @@ body.category.category-esemeny {
}
}
}
} //body.single end
} //body.single, page end
/* -------------------------------- page only------------------------------- */
body.page {
@media #{$smalldesktop} {
article {
margin-top: $h-unit-2;
}
}
}
/* -------------------------------------------------------------------------- */
/* TAG COLORS */
@@ -1948,13 +2004,16 @@ body.category.category-esemeny {
.titlewrapper {
.metadata {
@media #{$smalldesktop} {
color: #fff !important;
// color: #fff !important;
-webkit-text-stroke: $color 1px !important;
}
a {
@media #{$smalldesktop} {
color: #fff !important;
-webkit-text-stroke: $color 1px !important;
&:hover {
color: $color !important;
}
}
}
}
@@ -1968,6 +2027,15 @@ body.category.category-esemeny {
a {
color: $color;
}
.authors {
a {
-webkit-text-stroke: $color 1px !important;
&:hover {
color: $color !important;
text-decoration: none;
}
}
}
}
}
$color-be: #fdff00;
@@ -1979,6 +2047,10 @@ $color-love: #ff5f5f;
.tag-be {
@include tagcolors($color-be);
::selection {
color: #000;
background-color: $color-do;
}
&.random {
@include tagclip(be);
}
@@ -1986,6 +2058,10 @@ $color-love: #ff5f5f;
.tag-do {
@include tagcolors($color-do);
::selection {
color: #000;
background-color: $color-be;
}
&.random {
@include tagclip(do);
}
@@ -1993,6 +2069,10 @@ $color-love: #ff5f5f;
.tag-think {
@include tagcolors($color-think);
::selection {
color: #000;
background-color: $color-love;
}
&.random {
@include tagclip(think);
}
@@ -2000,6 +2080,10 @@ $color-love: #ff5f5f;
.tag-love {
@include tagcolors($color-love);
::selection {
color: #000;
background-color: $color-think;
}
&.random {
@include tagclip(love);
}