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

🎨 update style

Browse Source
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
let enable_animations = false
enable_animations = true
// enable_animations = true
const rotateYCard = '200deg'
const offsetCard = '10'

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

@ -17,5 +17,5 @@ custom
@import "./sprint_4.scss";
@import "./responsive_small";
//@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) {
section {
min-height: 130vh;
height: 130vh;
}
#cover {
#main_title {
max-width: 1200px;
min-height: 35vh;
}
section {
min-height: 130vh;
height: 130vh;
}
#cover {
#main_title {
max-width: 1200px;
min-height: 35vh;
}
.button {
top: 10vh;
}
}
#popover, #portfolio {
height: 130vh;
}
#transactional_webdesign {
.sub-title {
font-size: 4.8rem;
}
}
.button {
top: 10vh;
}
}
#popover, #portfolio {
height: 130vh;
}
#transactional_webdesign {
.sub-title {
font-size: 4.8rem;
}
}
#content-3 {
margin-top: -33vh;
}
#content-5 {
margin-bottom: 10vh;
}
.flip-container {
.container-text {
left: 500px;
}
#content-3 {
margin-top: -33vh;
}
#content-5 {
margin-bottom: 10vh;
}
.flip-container {
.container-text {
left: 500px;
}
+ .flip-container {
margin-top: -10vh;
}
}
.slider-screen {
.phone-container {
top: 10vh;
}
}
+ .flip-container {
margin-top: -10vh;
}
}
.slider-screen {
.phone-container {
top: 10vh;
}
}
#transactionnal_webdesign {
padding-top: 0;
#transactionnal_webdesign {
padding-top: 0;
.description {
padding-top: 5rem;
}
}
.description {
padding-top: 5rem;
}
}
#carry .bubbles {
margin-top: -50vh;
}
#china {
.block-items {
.block-item {
&:nth-of-type(1) {
background: url("/assets/img/block_pillar_1.png") no-repeat 0 20%;
}
#carry .bubbles {
margin-top: -50vh;
}
#china {
.block-items {
.block-item {
&:nth-of-type(1) {
background: url("/assets/img/block_pillar_1.png") no-repeat 0 20%;
}
//&:nth-of-type(2) {
// background: url("/assets/img/block_pillar_2.png") no-repeat 0 20%;
//}
//&:nth-of-type(3) {
// background: url("/assets/img/block_pillar_3.png") no-repeat 0 20%;
//}
//&:nth-of-type(4) {
// background: url("/assets/img/block_pillar_4.png") no-repeat 0 20%;
//}
}
}
//&:nth-of-type(2) {
// background: url("/assets/img/block_pillar_2.png") no-repeat 0 20%;
//}
//&:nth-of-type(3) {
// background: url("/assets/img/block_pillar_3.png") no-repeat 0 20%;
//}
//&:nth-of-type(4) {
// background: url("/assets/img/block_pillar_4.png") no-repeat 0 20%;
//}
}
}
}
}
#we_develop {
height: 200vh;
#we_develop {
height: 200vh;
.circle {
&.circle-right {
right: 25vw;
}
.circle {
&.circle-right {
right: 25vw;
}
&.circle-left {
left: 25vw;
}
}
&.circle-left {
left: 25vw;
}
}
}
#full_creative, #our_team {
min-height: 175vh;
}
}
#full_creative, #our_team {
min-height: 175vh;
}
}
@ -105,37 +105,90 @@ responsive land custom
@media all and (min-width: 1900px) {
.flip-container .container-text{
left: 600px;
}
#carry {
min-height: 220vh;
}
.flip-container .container-text {
left: 600px;
}
#we_develop {
height: 200vh;
}
#main_title_container h2 {
margin-top: 0;
}
#china .columns{
margin-top: -6vh;
}
#we_develop {
height: 200vh;
}
#our_team{
min-height: 200vh;
}
#china_achievements {
margin-top: 0;
padding: 1rem 172px 0;
.counter-block .text-description{
font-size: 1rem;
}
}
#main_title_container h2 {
margin-top: 0;
}
#china .columns {
margin-top: -6vh;
}
#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;
}
}