draft desktop version finish
This commit is contained in:
parent
4b99d290f3
commit
ac3542099a
30 changed files with 1682 additions and 149 deletions
58
assets/css/src/_section_7-system.scss
Normal file
58
assets/css/src/_section_7-system.scss
Normal file
|
|
@ -0,0 +1,58 @@
|
|||
section#system {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin: 5rem var(--padding-body);
|
||||
|
||||
.text {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
height: 46vw;
|
||||
max-width: 27rem;
|
||||
|
||||
.top {
|
||||
.section-title {
|
||||
font-weight: 400;
|
||||
font-size: var(--font-size-s);
|
||||
text-transform: uppercase;
|
||||
margin-bottom: 0.75rem;
|
||||
}
|
||||
|
||||
.title {
|
||||
font-family: 'owners-xnarrow', sans-serif;
|
||||
font-weight: 500;
|
||||
font-size: var(--font-size-l);
|
||||
text-transform: uppercase;
|
||||
color: var(--color-blue);
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
.info {
|
||||
font-size: var(--font-size-m);
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
|
||||
.bottom {
|
||||
ul {
|
||||
li {
|
||||
list-style: disc;
|
||||
list-style-position: inside;
|
||||
}
|
||||
}
|
||||
ul:not(:last-child) {
|
||||
margin-bottom: 3rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
figure {
|
||||
width: 55%;
|
||||
height: 46vw;
|
||||
img {
|
||||
object-fit: cover;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue