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 18:08:07 +02:00 committed by tykayn
parent 9234f72441
commit 8e321a8d8e
5 changed files with 133 additions and 79 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'

72
repl/src/assets/styles/coming_small_responsive.scss
View File

@ -4,76 +4,4 @@
#we_develop {
.title {
font-size: 3rem;
}
.circle {
&.circle-left {
left: 1vw;
}
&.circle-right {
right: 1vw;
}
}
.long_term {
margin-right: 5rem;
margin-top: -37rem;
}
.quick {
left: 4rem;
top: 97rem;
}
}
#full_creative .title {
padding: 1rem;
font-size: 5rem;
}
#our_team {
margin-top: 30rem;
padding-bottom: 20rem;
.title {
font-size: 10rem;
line-height: 7rem;
}
.sub-category {
margin-bottom: 10rem;
padding-left: 0rem;
}
}
#china_achievements {
padding: 1rem;
margin-top: 950vw;
.big-number {
font-size: 8rem;
}
}
#baozun_group {
margin-top: 1126vw;
.title {
padding-top: 25vh;
}
margin: 0 0;
position: relative;
top: 1000vw;
}
#coming_soon, .credits {
margin: 0 0;
position: relative;
top: 1000vw;
}
}

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

@ -16,7 +16,7 @@ custom
@import "./texts.scss";
@import "./sprint_4.scss";
@import "./responsive_small";
//@import "./coming_small_responsive";
//@import "./coming_small_responsive"; // things to add progressively
@import "./responsive_big_screens";
@import "./debug";
//@import "./debug";

132
repl/src/assets/styles/responsive_small.scss
View File

@ -286,14 +286,140 @@ responsive land custom
.columns {
text-align: center;
display: block;
padding: 0px;
padding-right: 0px;
margin-top: 1rem;
padding-right: 1rem;
padding: 0 1rem 0 0;
}
}
}
#we_develop {
height: 1400px;
.title {
padding: 1rem;
padding-top: 8rem;
font-size: 3rem;
}
.phone-container-2 {
width: 90vw;
}
.picture {
width: 97.5%;
height: 570px;
background-size: cover;
background-repeat: no-repeat;
}
.circle {
&.circle-left {
left: 1vw;
}
&.circle-right {
right: 1vw;
}
}
.long_term {
margin-right: 10vw;
margin-top: -23rem;
}
.quick {
left: 10vw;
top: 1130px;
}
}
#full_creative {
padding: 1rem;
height: 1600px;
.title {
padding: 2rem;
font-size: 4rem;
line-height: 1em;
}
}
#our_team {
padding-bottom: 20rem;
.title {
font-size: 10rem;
line-height: 7rem;
}
.sub-category {
margin-bottom: 10rem;
padding-left: 0rem;
}
}
#china_achievements {
padding: 1rem;
margin-top: 950vw;
height: auto;
.title {
font-size: 4rem;
line-height: 1em;
}
.big-number {
font-size: 6rem;
text-align: center;
}
.counter-block {
.text-description {
font-size: 1.25rem;
}
img {
margin-left: 0;
border-radius: 80px;
max-width: 100vw;
width: 87vw;
}
}
.tiles-box {
margin: 0;
.column {
margin-bottom: 0;
}
}
.offset-left-columns {
margin-left: 0;
}
}
#baozun_group {
margin-top: 10rem;
margin-bottom: 10rem;
position: static;
.title {
padding: 25vh 1rem 1rem;
font-size: 4rem;
}
}
#coming_soon, .credits {
margin: 0 0;
position: static;
padding-bottom: 10rem;
}
}