More work.

This commit is contained in:
2020-01-20 23:31:42 +01:00
parent 8a09e4832b
commit 5938662704
9 changed files with 166 additions and 118 deletions

View File

@@ -496,13 +496,13 @@
}
}
@media only screen and (max-width: 785px) {
@media only screen and (max-width: 767px) {
.hide-sm {
display: none !important;
}
}
@media only screen and (min-width: 786px) {
@media only screen and (min-width: 768px) {
.col-md,
.col-md-1,
.col-md-2,

View File

@@ -18,6 +18,10 @@ body {
overflow-x: hidden;
}
section {
width: 100vw;
}
h1, h2, h3, p {
margin-block-start: 0;
margin-block-end: 0;
@@ -102,20 +106,6 @@ button {
}
}
.p { // padding
&-t { // top
&-l { // large
padding-top: 192px;
}
}
&-b { // bottom
&-l { // large
padding-bottom: 192px;
}
}
}
.header {
position: sticky;
top: 0;
@@ -186,6 +176,7 @@ button {
video {
width: 100%;
max-width: 100%;
transform: scale(1.004);
}
}
@@ -205,6 +196,8 @@ button {
}
.section-service {
padding: 96px 0 128px;
.container {
padding: 0;
}
@@ -236,10 +229,26 @@ button {
}
}
.section-image {
width: 100vw;
max-height: 80vh;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
img {
width: 100%;
display: block;
}
}
.section-work {
padding: 128px 0;
h1 {
position: sticky;
top: 256px;
top: 128px;
margin-left: 64px;
color: black;
writing-mode: vertical-lr;
@@ -256,10 +265,16 @@ button {
}
}
.section-instagram {
padding: 64px 0;
}
.section-rental {
.text {
padding: 128px 0;
.square {
position: sticky;
top: 256px;
top: 128px;
padding: 32px;
h2 {
@@ -270,6 +285,17 @@ button {
p {
color: black;
}
button {
display: inline-flex;
color: black;
background-color: var(--yellow);
margin-top: 48px;
&:hover {
background-color: var(--beige);
}
}
}
.parts {
@@ -516,20 +542,32 @@ button {
}
h2 {
font-size: 32px;
font-size: 36px;
}
.p { // padding
&-t { // top
&-l { // large
padding-top: 128px;
}
.section-work {
h1 {
writing-mode: initial;
margin-left: 0;
margin-bottom: 32px;
}
&-b { // bottom
&-l { // large
padding-bottom: 128px;
}
.videos > div {
margin-bottom: 16px;
}
}
.section-rental {
.container {
padding: 0;
}
.square {
position: static;
}
.parts {
overflow: hidden;
}
}
}
@@ -546,21 +584,15 @@ button {
}
h2 {
font-size: 28px;
font-size: 32px;
}
.p { // padding
&-t { // top
&-l { // large
padding-top: 64px;
}
}
&-b { // bottom
&-l { // large
padding-bottom: 64px;
}
}
.container {
padding: 0 16px;
}
.header {
height: 64px;
}
.section-start {
@@ -570,6 +602,37 @@ button {
}
.section-service {
padding-bottom: 0;
padding-top: 32px;
h1 {
margin-left: 16px;
margin-bottom: 64px;
}
h2 {
margin-bottom: 16px;
}
button {
margin-top: 32px;
}
.square {
padding: 32px 16px;
}
}
.section-rental {
.square {
padding: 32px 16px;
h2 {
margin-bottom: 16px;
}
button {
margin-top: 32px;
}
}
}
}