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

🎨 update style

This commit is contained in:
Tykayn 2023-07-09 16:10:57 +02:00 committed by tykayn
parent 2fcf7ae845
commit 358d18dcff
4 changed files with 165 additions and 112 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
css/app_built_style.css
View File

File diff suppressed because one or more lines are too long

2
js/animations_custom.js
View File

@ -7,7 +7,7 @@ let development_debug = false
// development_debug = true // development_debug = true
let enable_animations = false let enable_animations = false
enable_animations = true // enable_animations = true
const rotateYCard = '200deg' const rotateYCard = '200deg'
const offsetCard = '10' const offsetCard = '10'

2
repl/src/assets/styles/main.scss
View File

@ -17,5 +17,5 @@ custom
@import "./sprint_4.scss"; @import "./sprint_4.scss";
@import "./responsive_small"; @import "./responsive_small";
//@import "./coming_small_responsive"; //@import "./coming_small_responsive";
@import "./responsive"; @import "./responsive_big_screens";

271
repl/src/assets/styles/responsive_big_screens.scss
View File

@ -5,99 +5,99 @@ responsive land custom
@media all and (min-width: 1440px) { @media all and (min-width: 1440px) {
section { section {
min-height: 130vh; min-height: 130vh;
height: 130vh; height: 130vh;
} }
#cover { #cover {
#main_title { #main_title {
max-width: 1200px; max-width: 1200px;
min-height: 35vh; min-height: 35vh;
} }
.button { .button {
top: 10vh; top: 10vh;
} }
} }
#popover, #portfolio { #popover, #portfolio {
height: 130vh; height: 130vh;
} }
#transactional_webdesign { #transactional_webdesign {
.sub-title { .sub-title {
font-size: 4.8rem; font-size: 4.8rem;
} }
} }
#content-3 { #content-3 {
margin-top: -33vh; margin-top: -33vh;
} }
#content-5 { #content-5 {
margin-bottom: 10vh; margin-bottom: 10vh;
} }
.flip-container { .flip-container {
.container-text { .container-text {
left: 500px; left: 500px;
} }
+ .flip-container { + .flip-container {
margin-top: -10vh; margin-top: -10vh;
} }
} }
.slider-screen { .slider-screen {
.phone-container { .phone-container {
top: 10vh; top: 10vh;
} }
} }
#transactionnal_webdesign { #transactionnal_webdesign {
padding-top: 0; padding-top: 0;
.description { .description {
padding-top: 5rem; padding-top: 5rem;
} }
} }
#carry .bubbles { #carry .bubbles {
margin-top: -50vh; margin-top: -50vh;
} }
#china { #china {
.block-items { .block-items {
.block-item { .block-item {
&:nth-of-type(1) { &:nth-of-type(1) {
background: url("/assets/img/block_pillar_1.png") no-repeat 0 20%; background: url("/assets/img/block_pillar_1.png") no-repeat 0 20%;
} }
//&:nth-of-type(2) { //&:nth-of-type(2) {
// background: url("/assets/img/block_pillar_2.png") no-repeat 0 20%; // background: url("/assets/img/block_pillar_2.png") no-repeat 0 20%;
//} //}
//&:nth-of-type(3) { //&:nth-of-type(3) {
// background: url("/assets/img/block_pillar_3.png") no-repeat 0 20%; // background: url("/assets/img/block_pillar_3.png") no-repeat 0 20%;
//} //}
//&:nth-of-type(4) { //&:nth-of-type(4) {
// background: url("/assets/img/block_pillar_4.png") no-repeat 0 20%; // background: url("/assets/img/block_pillar_4.png") no-repeat 0 20%;
//} //}
} }
} }
} }
#we_develop { #we_develop {
height: 200vh; height: 200vh;
.circle { .circle {
&.circle-right { &.circle-right {
right: 25vw; right: 25vw;
} }
&.circle-left { &.circle-left {
left: 25vw; left: 25vw;
} }
} }
} }
#full_creative, #our_team { #full_creative, #our_team {
min-height: 175vh; min-height: 175vh;
} }
} }
@ -105,37 +105,90 @@ responsive land custom
@media all and (min-width: 1900px) { @media all and (min-width: 1900px) {
.flip-container .container-text{ .flip-container .container-text {
left: 600px; left: 600px;
} }
#carry {
min-height: 220vh;
}
#we_develop {
height: 200vh;
}
#main_title_container h2 { #we_develop {
margin-top: 0; height: 200vh;
} }
#china .columns{
margin-top: -6vh;
}
#our_team{ #main_title_container h2 {
min-height: 200vh; margin-top: 0;
} }
#china_achievements { #china .columns {
margin-top: 0; margin-top: -6vh;
padding: 1rem 172px 0; }
.counter-block .text-description{
font-size: 1rem; #our_team {
} min-height: 200vh;
} }
#china_achievements {
margin-top: 0;
padding: 1rem 172px 0;
.counter-block .text-description {
font-size: 1rem;
}
}
#full_creative {
min-height: 100vh;
}
#main_title {
width: 1200px;
top: -10rem;
}
#hand {
background-size: cover;
height: 1010px;
width: 100vw;
z-index: 0;
}
#carry {
min-height: 220vh;
.computer-block {
background-size: contain;
position: relative;
height: 100vh;
left: 0;
top: -68rem;
}
}
#open {
top: 900px;
}
#unlock {
left: 13vw;
height: 420px;
}
#unlock_white {
margin-top: -80px;
height: 420px;
margin-left: 13vw;
width: auto;
}
#china {
height: 150vh
}
#our_team {
background: white;
padding-top: 17rem;
}
#china_achievements {
margin-top: 25rem;
}
#full_creative {
min-height: 100vh;
}
} }