update multiple things
This commit is contained in:
infeeeee
144
sass/base.scss
144
sass/base.scss
@@ -418,29 +418,21 @@ $v-unit-6: 24rem;
|
||||
height: 100vh;
|
||||
flex-direction: column;
|
||||
flex: 0 0 auto !important;
|
||||
//filter: invert(100);
|
||||
padding: 2rem !important;
|
||||
justify-content: space-between !important;
|
||||
align-content: space-between;
|
||||
z-index: 3100;
|
||||
background: #fff;
|
||||
.logo,
|
||||
.social-link,
|
||||
.menubutton,
|
||||
.events-link {
|
||||
filter: invert(100);
|
||||
&::selection,
|
||||
&::selection * {
|
||||
filter: invert(0);
|
||||
}
|
||||
}
|
||||
}
|
||||
@media #{$smalldesktop} {
|
||||
width: $h-unit-2;
|
||||
}
|
||||
div {
|
||||
z-index: 3500;
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
|
||||
object {
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
}
|
||||
}
|
||||
a {
|
||||
display: inline-block;
|
||||
@@ -502,6 +494,34 @@ $v-unit-6: 24rem;
|
||||
/* header elements */
|
||||
/* -------------------------------------------------------------------------- */
|
||||
|
||||
// color of header elements, icons
|
||||
.logo,
|
||||
.social-link,
|
||||
.menubutton,
|
||||
.events-link {
|
||||
.white {
|
||||
display: block;
|
||||
}
|
||||
.black {
|
||||
display: none;
|
||||
}
|
||||
// filter: invert(100);
|
||||
}
|
||||
@media #{$tablet} {
|
||||
.logo,
|
||||
.social-link,
|
||||
.menubutton,
|
||||
.events-link {
|
||||
.white {
|
||||
display: none;
|
||||
}
|
||||
.black {
|
||||
display: block;
|
||||
}
|
||||
// filter: invert(100);
|
||||
}
|
||||
}
|
||||
|
||||
@media #{$tablet} {
|
||||
.header-1 > div,
|
||||
.header-2 > div {
|
||||
@@ -533,10 +553,18 @@ $v-unit-6: 24rem;
|
||||
button {
|
||||
transform-origin: center;
|
||||
@include transition($speed $easing);
|
||||
|
||||
&.rotated {
|
||||
@include transform(rotate($degree));
|
||||
}
|
||||
&.inverted {
|
||||
@media #{$tablet} {
|
||||
filter: invert(100);
|
||||
.white {
|
||||
display: block;
|
||||
}
|
||||
.black {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -585,8 +613,12 @@ $v-unit-6: 24rem;
|
||||
}
|
||||
button {
|
||||
flex: 0 0 auto;
|
||||
@media #{$only-mobile} {
|
||||
filter: invert(100);
|
||||
|
||||
.white {
|
||||
display: block;
|
||||
}
|
||||
.black {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -598,6 +630,14 @@ $v-unit-6: 24rem;
|
||||
.search-box {
|
||||
display: block;
|
||||
flex: 1 1 0 !important;
|
||||
& > button {
|
||||
.white {
|
||||
display: none;
|
||||
}
|
||||
.black {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.search-bar {
|
||||
@@ -870,7 +910,7 @@ $v-unit-6: 24rem;
|
||||
left: $h-unit-2;
|
||||
}
|
||||
button {
|
||||
cursor: url("../img/arrow-black-left.png"), w-resize;
|
||||
cursor: url("../img/cursor-arrow-black-left.png"), w-resize;
|
||||
}
|
||||
}
|
||||
&.header-scroll-right {
|
||||
@@ -879,7 +919,7 @@ $v-unit-6: 24rem;
|
||||
right: $h-unit-2;
|
||||
}
|
||||
button {
|
||||
cursor: url("../img/arrow-black-right.png"), e-resize;
|
||||
cursor: url("../img/cursor-arrow-black-right.png"), e-resize;
|
||||
}
|
||||
}
|
||||
button {
|
||||
@@ -1021,6 +1061,9 @@ $v-unit-6: 24rem;
|
||||
height: 50vh;
|
||||
}
|
||||
}
|
||||
.metadata {
|
||||
top: calc(50vh - 5rem);
|
||||
}
|
||||
h2 {
|
||||
height: 50vh;
|
||||
|
||||
@@ -1032,8 +1075,27 @@ $v-unit-6: 24rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//border on first elements
|
||||
&.post_nr_1 {
|
||||
.metadata {
|
||||
bottom: 50%;
|
||||
&::after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@include triangle-corner-bordered(#{$h-unit-1}, #{$h-unit-1} + 1px, white, #000, left);
|
||||
z-index: 15;
|
||||
& > * {
|
||||
z-index: 15;
|
||||
}
|
||||
}
|
||||
h2 {
|
||||
height: calc(50vh + 1px);
|
||||
top: -1px;
|
||||
position: relative;
|
||||
border-top: #000 1px solid;
|
||||
z-index: 8;
|
||||
}
|
||||
}
|
||||
} //article end
|
||||
@@ -1106,7 +1168,8 @@ $v-unit-6: 24rem;
|
||||
|
||||
height: #{$h-unit-1-5};
|
||||
@media #{$mobile-landscape} {
|
||||
height: calc(#{$h-unit-2} / 2);
|
||||
// height: calc(#{$h-unit-2} / 2);
|
||||
height: $h-unit-1 + $v-unit-1;
|
||||
}
|
||||
@media #{$smalldesktop} {
|
||||
// height: #{$h-unit-2};
|
||||
@@ -1939,11 +2002,11 @@ $padd: 2rem;
|
||||
.metaWrapper {
|
||||
@include singleDesktopLayout();
|
||||
justify-content: flex-start;
|
||||
.time-cat::after{
|
||||
.time-cat::after {
|
||||
content: " ";
|
||||
display: inline-block;
|
||||
}
|
||||
.format::before{
|
||||
.format::before {
|
||||
content: "|";
|
||||
display: inline-block;
|
||||
}
|
||||
@@ -2542,6 +2605,33 @@ $padd: 2rem;
|
||||
/* -------------------------------- page only------------------------------- */
|
||||
body.page {
|
||||
@media #{$only-mobile} {
|
||||
//hide header image on mobile on 'rolunk'
|
||||
&.rolunk {
|
||||
.wrapper .header {
|
||||
background-color: #000;
|
||||
}
|
||||
|
||||
.thumbnailwrapper {
|
||||
display: none;
|
||||
}
|
||||
.titlewrapper {
|
||||
padding-top: $h-unit-2;
|
||||
|
||||
position: relative;
|
||||
height: unset;
|
||||
min-height: unset;
|
||||
.metadata {
|
||||
display: none;
|
||||
}
|
||||
h1.single-title {
|
||||
min-height: unset;
|
||||
}
|
||||
}
|
||||
.single-content {
|
||||
padding-top: 2rem;
|
||||
}
|
||||
}
|
||||
|
||||
.single-content {
|
||||
padding-top: 8rem;
|
||||
}
|
||||
@@ -2572,6 +2662,18 @@ body.page {
|
||||
color: $color !important;
|
||||
}
|
||||
}
|
||||
//mobile desktop firat post
|
||||
&.post_nr_1:not(.home-big) {
|
||||
.metadata {
|
||||
&::before,
|
||||
&::after {
|
||||
border-color: $color !important;
|
||||
}
|
||||
}
|
||||
h2 {
|
||||
border-top-color: $color !important;
|
||||
}
|
||||
}
|
||||
|
||||
& > .bevezetoWrapper::before {
|
||||
background-color: $color !important;
|
||||
|
||||
Reference in New Issue
Block a user