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

events page

Browse Source
This commit is contained in:
infeeeee
2019-08-10 01:05:05 +02:00
parent 911688225f
commit eb6fdf9388
7 changed files with 291 additions and 110 deletions
Download Patch File Download Diff File Expand all files Collapse all files

84
sass/base.scss
View File

@@ -1078,7 +1078,7 @@ $v-unit-6: 24rem;
}
} //smalldesktop end
/* ----------------------- articles desktop small ----------------------- */
/* ----------------------- home articles desktop small ----------------------- */
@media #{$smalldesktop} {
.home_wrapper-small {
@@ -1317,7 +1317,7 @@ body.category.category-esemeny {
}
a {
@include transform(rotate(225deg));
font-size: 2.8rem;
@include event-arrow();
}
}
@@ -1352,13 +1352,79 @@ body.category.category-esemeny {
}
}
}
}
/* ---------------------------- Events on desktop --------------------------- */
@media #{$smalldesktop} {
main {
padding-top: 0;
section {
height: 100%;
// padding-top:
padding-left: $h-unit-2;
display: flex;
flex-direction: row;
article {
width: calc(50vw - #{$h-unit-2});
height: calc(50vw - #{$h-unit-2});
max-width: calc(100vh - #{$h-unit-1});
max-height: calc(100vh - #{$h-unit-1});
min-width: 80vh;
min-height: 80vh;
// margin: auto;
margin: auto $h-unit-2 auto 0;
display: flex;
flex-direction: column;
justify-content: space-between;
.thumbnailwrapper {
height: unset;
flex: 0 0 auto;
}
.event-metadata {
height: unset;
max-height: $h-unit-5;
@media #{$verybigdesktop} {
max-height: $h-unit-5 + $h-unit-2
}
flex: 1 1 auto;
padding: 0;
// .top-row{
// .ev-date{
// padding-left: 2rem;
// }
// padding-right: 2rem;
// }
.bottom-row{
h2{
// padding-left: 2rem;
padding-bottom: 2rem;
}
.vr{
margin: 0 2rem;
}
.text-link{
// padding-right: 2rem;
padding-bottom: 2rem;
}
}
}
}
}
}
}
} //body.category.category-esemeny end
/* -------------------------------------------------------------------------- */
/* single */
/* -------------------------------------------------------------------------- */
@mixin singlDesktopLayout() {
@mixin singleDesktopLayout() {
padding-right: $h-unit-4;
padding-left: 0;
max-width: calc(1024px + #{$h-unit-4});
@@ -1511,7 +1577,7 @@ body.category.category-esemeny {
@include triangle-corner-bordered(#{$h-unit-1}, #{$h-unit-1} + 1px, white, #000, left);
.metaWrapper {
@include singlDesktopLayout();
@include singleDesktopLayout();
}
// .time-cat {
@@ -1522,7 +1588,7 @@ body.category.category-esemeny {
min-height: unset;
top: -#{$h-unit-1};
position: relative;
@include singlDesktopLayout();
@include singleDesktopLayout();
}
}
}
@@ -1569,7 +1635,7 @@ body.category.category-esemeny {
padding: $padd;
@media #{$smalldesktop} {
top: -#{$h-unit-1};
@include singlDesktopLayout();
@include singleDesktopLayout();
}
h2 {
@@ -1849,7 +1915,7 @@ body.category.category-esemeny {
padding-top: $padd * 2;
top: -#{$h-unit-1};
margin: 0;
@include singlDesktopLayout();
@include singleDesktopLayout();
a {
margin-bottom: $padd * 2;
@@ -1929,7 +1995,7 @@ body.category.category-esemeny {
top: -#{$h-unit-1};
position: relative;
padding-top: $padd * 2;
@include singlDesktopLayout();
@include singleDesktopLayout();
& > h3 {
display: block;