LaconicNetwork/laconic.com
6
0
Fork 0
mirror of https://github.com/LaconicNetwork/laconic.com.git synced 2026-01-20 15:04:07 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Merge pull request #98 from LaconicNetwork/styling-fixes

Browse Source 
Styling fixes
This commit is contained in:
olive kimoto 2022-07-25 14:57:48 +03:00 committed by GitHub
commit e54f256b5c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 5 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -314,8 +314,7 @@
border-top: tovw(1px, 'default', 1px) solid var(--color-white);
border-bottom: tovw(1px, 'default', 1px) solid var(--color-white);
width: 100%;
// height: tovw(232px, 'default', 200px);
height: calc(12.6vw);
@supports (aspect-ratio: 16 / 9) {
aspect-ratio: 16 / 9;

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

@ -17,12 +17,12 @@
&--section {
background-image: url('/images/laconic_newsletter_dark.png');
background-position: 50%;
background-size: cover;
background-size: contain;
display: flex;
position: relative;
align-items: center;
justify-content: center;
height: calc(var(--vw) * 70);
height: calc(var(--vw) * 60);
&::after,
&::before {
@ -34,28 +34,6 @@
h2 {
text-shadow: 0 0 tovw(40px, 'default', 40px) rgb(255 255 255 / 0.4);
}
.video {
position: absolute;
top: 0;
left: 0;
z-index: -2;
width: 100%;
height: 100%;
pointer-events: none;
user-select: none;
}
.img {
position: absolute;
top: 35px;
left: 0;
z-index: -1;
width: 100%;
height: auto;
pointer-events: none;
user-select: none;
}
}
.form {

2
src/components/sections/newsroom/media/media.module.scss
View File

@ -112,7 +112,7 @@
img {
width: 100%;
height: 100%;
height: calc(15.4vw);
object-fit: cover;
@supports (aspect-ratio: 16 / 9) {

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

@ -7,7 +7,7 @@
}
position: relative;
padding: tovw(110px, 'default', 100px) 0 tovw(80px, 'default', 80px) 0;
padding: tovw(200px, 'default', 190px) 0 tovw(80px, 'default', 80px) 0;
.container {
@include respond-to('mobile') {