From 3340da2a372f4cc9cc4c31591430a76135dde3ea Mon Sep 17 00:00:00 2001
From: druid <druid@druids-MBP-2.lan>
Date: Wed, 3 Feb 2021 16:07:04 +0200
Subject: [PATCH] tablet grid for link box list
---
src/components/link-box/link-box.scss | 15 +++++++++------
1 file changed, 9 insertions(+), 6 deletions(-)
diff --git a/src/components/link-box/link-box.scss b/src/components/link-box/link-box.scss
index 3dc3871f..b6a36f3a 100644
--- a/src/components/link-box/link-box.scss
+++ b/src/components/link-box/link-box.scss
@@ -22,8 +22,8 @@
display: flex;
@include breakpoint($narrow) {
flex-grow: 1;
- max-width: calc(((100% - #{var(--gutter-narrow)} * 11) / 12) * 4 + #{var(--gutter-narrow)} * 3);
- width: calc(((100% - #{var(--gutter-narrow)} * 11) / 12) * 4 + #{var(--gutter-narrow)} * 3);
+ max-width: calc(((100% - #{var(--gutter-narrow)} * 11) / 12) * 6 + #{var(--gutter-narrow)} * 5);
+ width: calc(((100% - #{var(--gutter-narrow)} * 11) / 12) * 6 + #{var(--gutter-narrow)} * 5);
}
@include breakpoint($wide) {
max-width: calc(((100% - #{var(--gutter-wide)} * 11) / 12) * 4 + #{var(--gutter-wide)} * 3);
@@ -52,13 +52,16 @@
}
}
-:host(.big:nth-of-type(3n + 0)) {
- display: flex;
- margin-right: 0;
+:host(.content.big:nth-of-type(3n + 0)) {
+ @include breakpoint($wide) {
+ display: flex;
+ margin-right: 0;
+ }
}
-:host(.small:nth-of-type(2n + 0)) {
+:host(:nth-of-type(2n + 0)) {
display: flex;
+ margin-right: 0;
@include breakpoint($narrow) {
margin-right: 0;
}
--
GitLab