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 {
margin-top: 0;
margin-top: 32rem;
padding: 1rem 172px 0;
}
#full_creative {
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;
}
.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 {
background: url("/assets/img/hand 1.png") center;
background-size: cover;
@ -20,30 +37,10 @@ html {
width: 100vw;
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 {
text-align: center;
}
}
#cover-handle {
float: left;
height: 25vh;
top: 25vh;
}
#cover {
h2 {
color: #fffdfc;
font-family: "GT Walsheim Pro";
@ -58,6 +55,32 @@ html {
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 {
backdrop-filter: blur(3px);
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 {
background: #000;
@ -131,13 +132,11 @@ html {
background: url("/assets/img/section2_phone.png");
background-size: cover;
}
}
.phones-land {
float: left;
position: static;
z-index: -1;
}
#phone-watches-1 {
height: 690px;
@ -171,6 +170,10 @@ html {
width: 275px;
}
}
}
#open {
box-sizing: border-box;
color: rgba(248, 243, 241, 0.1);
@ -457,11 +460,18 @@ html {
.text-title {
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 {
color: #3b3b49;
}
.color-emphasis {
color: #e77064;
font-weight: 600;
@ -577,9 +587,15 @@ html {
background-position: center;
background-size: cover;
color: white;
.text-title {
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 {
@ -620,6 +636,7 @@ main {
height: 120vh;
min-height: 120vh;
width: 100vw;
h2 {
color: #fffdfc;
font-size: 60px;
@ -1485,6 +1502,9 @@ main {
}
}
@media all and (min-width: 601px) {
}
/**
debug
*/