tykayn/digital-theory
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

add style to fix sizes of 1980px W +

Browse Source
This commit is contained in:
Tykayn 2023-07-08 12:23:03 +02:00 committed by tykayn
parent d9dbf690db
commit d53ad46486
2 changed files with 1329 additions and 1304 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
repl/repl/src/assets/styles/responsive.scss
View File

@ -690,11 +690,16 @@ responsive land custom
} }
#china_achievements { #china_achievements {
margin-top: 0; margin-top: 32rem;
padding: 1rem 172px 0; padding: 1rem 172px 0;
} }
#full_creative { #full_creative {
min-height: 100vh; min-height: 100vh;
} }
#our_team{
.title{
margin-top: 18rem;
}
}
} }

112
repl/src/assets/styles/_sprint_4.scss
View File

@ -10,6 +10,23 @@ html {
text-align: center; text-align: center;
} }
.large-texts {
font-size: 60px;
font-style: normal;
font-weight: 600;
letter-spacing: -0.04em;
line-height: 110%;
}
#cover {
background: url("/assets/img/BG 1.png") center no-repeat;
background-size: cover;
#cover-handle {
float: left;
height: 25vh;
top: 25vh;
}
#hand { #hand {
background: url("/assets/img/hand 1.png") center; background: url("/assets/img/hand 1.png") center;
background-size: cover; background-size: cover;
@ -20,30 +37,10 @@ html {
width: 100vw; width: 100vw;
z-index: 0; z-index: 0;
} }
#main_title_container {
backdrop-filter: blur(3px);
position: absolute;
top: 0;
z-index: 2;
}
#cover {
background: url("/assets/img/BG 1.png") center no-repeat;
background-size: cover;
.title-container { .title-container {
text-align: center; text-align: center;
} }
}
#cover-handle {
float: left;
height: 25vh;
top: 25vh;
}
#cover {
h2 { h2 {
color: #fffdfc; color: #fffdfc;
font-family: "GT Walsheim Pro"; font-family: "GT Walsheim Pro";
@ -58,6 +55,32 @@ html {
z-index: 2; z-index: 2;
} }
#main_title_container {
backdrop-filter: blur(3px);
z-index: 2;
text-align: center;
width: 100%;
position: relative;
top: -95vh;
#main_title {
background: url("/assets/img/sesame.png") no-repeat;
background-size: contain;
box-sizing: border-box;
font-weight: 500;
min-height: 35vw;
margin: 0 auto;
position: relative;
top: 4rem;
width: 95vw;
h2 {
margin-top: 5vh;
}
}
}
.button { .button {
backdrop-filter: blur(3px); backdrop-filter: blur(3px);
background: linear-gradient(329.49deg, rgba(255, 216, 244, 0) 34.06%, rgba(255, 207, 242, 0.2) 77.26%); background: linear-gradient(329.49deg, rgba(255, 216, 244, 0) 34.06%, rgba(255, 207, 242, 0.2) 77.26%);
@ -78,28 +101,6 @@ html {
} }
} }
#main_title_container {
text-align: center;
width: 100%;
position: relative;
top: -95vh;
}
#main_title {
background: url("/assets/img/sesame.png") no-repeat;
background-size: contain;
box-sizing: border-box;
font-weight: 500;
min-height: 35vw;
margin: 0 auto;
position: relative;
top: 4rem;
width: 95vw;
}
#main_title_container h2 {
margin-top: 5vh;
}
#welcome { #welcome {
background: #000; background: #000;
@ -131,13 +132,11 @@ html {
background: url("/assets/img/section2_phone.png"); background: url("/assets/img/section2_phone.png");
background-size: cover; background-size: cover;
} }
}
.phones-land { .phones-land {
float: left; float: left;
position: static; position: static;
z-index: -1; z-index: -1;
}
#phone-watches-1 { #phone-watches-1 {
height: 690px; height: 690px;
@ -171,6 +170,10 @@ html {
width: 275px; width: 275px;
} }
}
}
#open { #open {
box-sizing: border-box; box-sizing: border-box;
color: rgba(248, 243, 241, 0.1); color: rgba(248, 243, 241, 0.1);
@ -457,11 +460,18 @@ html {
.text-title { .text-title {
font-family: "GT Walsheim Pro"; font-family: "GT Walsheim Pro";
@extend .large-texts;
font-size: 60px;
font-style: normal;
font-weight: 600;
letter-spacing: -0.04em;
line-height: 110%;
} }
.dark-emphasis { .dark-emphasis {
color: #3b3b49; color: #3b3b49;
} }
.color-emphasis { .color-emphasis {
color: #e77064; color: #e77064;
font-weight: 600; font-weight: 600;
@ -577,9 +587,15 @@ html {
background-position: center; background-position: center;
background-size: cover; background-size: cover;
color: white; color: white;
.text-title { .text-title {
font-family: "GT Walsheim Pro"; font-family: "GT Walsheim Pro";
@extend .large-texts;
font-size: 60px;
font-style: normal;
font-weight: 600;
letter-spacing: -0.04em;
line-height: 110%;
} }
.color-emphasis { .color-emphasis {
@ -620,6 +636,7 @@ main {
height: 120vh; height: 120vh;
min-height: 120vh; min-height: 120vh;
width: 100vw; width: 100vw;
h2 { h2 {
color: #fffdfc; color: #fffdfc;
font-size: 60px; font-size: 60px;
@ -1485,6 +1502,9 @@ main {
} }
} }
@media all and (min-width: 601px) {
}
/** /**
debug debug
*/ */