LaconicNetwork/laconic.com
6
0
Fork 0
mirror of https://github.com/LaconicNetwork/laconic.com.git synced 2026-03-06 17:54:07 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Improve styles

Browse Source
This commit is contained in:
Fede Álvarez 2022-04-20 12:58:45 +02:00
parent 49fe2c1271
commit a1398a8402
8 changed files with 32 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/common/card/card.module.scss
View File

@ -237,6 +237,11 @@
.content {
margin-top: tovw(16px, 'default', 16px);
h2 {
line-height: 1.3;
font-size: tovw(40px, 'default', 30px);
}
p {
line-height: 134%;
letter-spacing: -0.02em;
@ -287,6 +292,11 @@
width: fit-content;
}
h2 {
text-transform: none !important;
line-height: 1.2;
}
p {
@include respond-to('mobile') {
line-height: 1.6;

14
src/components/common/footer/footer.module.scss
View File

@ -178,6 +178,7 @@
@include respond-to('tablet') {
justify-content: space-between;
}
@include respond-to('mobile') {
display: grid;
column-gap: tovw(97px, 'tablet', 97px);
@ -186,12 +187,12 @@
row-gap: tovw(44px, 'tablet', 44px);
}
display: flex;
gap: tovw(105px, 'default', 65px);
@media screen and (max-width: 1180px) {
gap: tovw(70px, 'default', 15px);
}
display: flex;
gap: tovw(105px, 'default', 65px);
}
}
@ -205,14 +206,14 @@
margin-bottom: tovw(14px, 'default', 14px);
}
line-height: 1.35;
line-height: 1.45;
&:first-of-type {
@include respond-to('mobile') {
margin-bottom: tovw(16px, 'default', 16px);
}
margin-bottom: tovw(12px, 'default', 10px);
margin-bottom: tovw(16px, 'default', 14px);
line-height: 1;
a {
@ -248,9 +249,10 @@
> li:last-of-type {
display: grid;
align-content: start;
gap: tovw(16px, 'default', 16px);
gap: tovw(14px, 'default', 14px);
grid-template-columns: repeat(2, 1fr);
grid-template-rows: auto;
padding-top: tovw(3px, 'default', 3px);
div {
width: tovw(24px, 'default', 24px);

4
src/components/sections/about/hero/hero.module.scss
View File

@ -112,6 +112,10 @@
width: 100%;
}
&:first-child {
margin-top: tovw(5px, 'default', 5px);
}
width: tovw(636px, 'default', 200px);
line-height: 1.32;
letter-spacing: -0.01em;

2
src/components/sections/homepage/what-others-say/item/item.module.scss
View File

@ -74,6 +74,6 @@
}
margin: 0;
font-size: tovw(16px, 'default', 16px);
font-size: tovw(16px, 'default', 13px);
}
}

3
src/components/sections/products/app/app.module.scss
View File

@ -37,10 +37,11 @@
line-height: 1.5;
}
width: tovw(856px, 'default', 300px);
text-align: center;
line-height: 1.35;
font-size: tovw(30px, 'default', 15px);
width: tovw(856px, 'default', 300px);
margin-top: tovw(62px, 'default', 30px);
}
}

1
src/components/sections/products/hero/hero.module.scss
View File

@ -115,6 +115,7 @@
line-height: 1.5;
}
margin: 0;
width: tovw(546px, 'default', 150px);
line-height: 1.65;
font-size: tovw(30px, 'default', 18px);

2
src/components/sections/products/stack/stack.module.scss
View File

@ -33,13 +33,13 @@
p {
@include respond-to('mobile') {
margin: 0;
margin-top: tovw(40px, 'mobile');
width: 100%;
max-width: 550px;
line-height: 1.5;
}
margin: 0;
width: tovw(746px, 'default', 300px);
line-height: 1.35;
font-size: tovw(30px, 'default', 18px);

6
src/lib/renderer/blog.module.scss
View File

@ -34,8 +34,12 @@
}
p {
@include respond-to('mobile') {
font-size: tovw(15px, 'default', 15px);
}
font-family: var(--font-tt-hoves);
font-size: tovw(22px, 'default', 15px);
font-size: tovw(22px, 'default', 18px);
line-height: 160%;
letter-spacing: -0.01em;
margin: tovw(44px, 'default', 40px) 0;