Solution icons: 60px containers with 28px SVGs (up from 44px/20px)
This commit is contained in:
1 parent
4d90d834ce
commit
3d26663d9e
1 file changed
+5
-5
+5
-5
@@ -511,8 +511,8 @@ h1 .accent { color: var(--accent); }
|
|||||||
box-shadow: var(--shadow-card-hover);
|
box-shadow: var(--shadow-card-hover);
|
||||||
}
|
}
|
||||||
.sol-icon {
|
.sol-icon {
|
||||||
width: 44px; height: 44px; border: 1px solid var(--accent);
|
width: 60px; height: 60px; border: 1px solid var(--accent);
|
||||||
border-radius: 10px; display: flex; align-items: center;
|
border-radius: 12px; display: flex; align-items: center;
|
||||||
justify-content: center; margin-bottom: 24px;
|
justify-content: center; margin-bottom: 24px;
|
||||||
transition: all 0.3s var(--ease-out);
|
transition: all 0.3s var(--ease-out);
|
||||||
}
|
}
|
||||||
@@ -930,7 +930,7 @@ h1 .accent { color: var(--accent); }
|
|||||||
<div class="solution-grid">
|
<div class="solution-grid">
|
||||||
<div class="sol-card reveal reveal-delay-1">
|
<div class="sol-card reveal reveal-delay-1">
|
||||||
<div class="sol-icon">
|
<div class="sol-icon">
|
||||||
<svg width="20" height="20" viewBox="0 0 16 16" fill="none" stroke="var(--accent)" stroke-width="1.5">
|
<svg width="28" height="28" viewBox="0 0 16 16" fill="none" stroke="var(--accent)" stroke-width="1.5">
|
||||||
<path d="M9 2L4 8.5h4l-1 5.5L12 7.5H8L9 2z"/>
|
<path d="M9 2L4 8.5h4l-1 5.5L12 7.5H8L9 2z"/>
|
||||||
</svg>
|
</svg>
|
||||||
</div>
|
</div>
|
||||||
@@ -939,7 +939,7 @@ h1 .accent { color: var(--accent); }
|
|||||||
</div>
|
</div>
|
||||||
<div class="sol-card reveal reveal-delay-2">
|
<div class="sol-card reveal reveal-delay-2">
|
||||||
<div class="sol-icon">
|
<div class="sol-icon">
|
||||||
<svg width="20" height="20" viewBox="0 0 16 16" fill="none" stroke="var(--accent)" stroke-width="1.5">
|
<svg width="28" height="28" viewBox="0 0 16 16" fill="none" stroke="var(--accent)" stroke-width="1.5">
|
||||||
<path d="M1 8s2.5-4 7-4 7 4 7 4-2.5 4-7 4-7-4-7-4z"/>
|
<path d="M1 8s2.5-4 7-4 7 4 7 4-2.5 4-7 4-7-4-7-4z"/>
|
||||||
<circle cx="8" cy="8" r="2"/>
|
<circle cx="8" cy="8" r="2"/>
|
||||||
</svg>
|
</svg>
|
||||||
@@ -949,7 +949,7 @@ h1 .accent { color: var(--accent); }
|
|||||||
</div>
|
</div>
|
||||||
<div class="sol-card reveal reveal-delay-3">
|
<div class="sol-card reveal reveal-delay-3">
|
||||||
<div class="sol-icon">
|
<div class="sol-icon">
|
||||||
<svg width="20" height="20" viewBox="0 0 16 16" fill="none" stroke="var(--accent)" stroke-width="1.5">
|
<svg width="28" height="28" viewBox="0 0 16 16" fill="none" stroke="var(--accent)" stroke-width="1.5">
|
||||||
<rect x="4" y="2" width="8" height="12" rx="1.5"/>
|
<rect x="4" y="2" width="8" height="12" rx="1.5"/>
|
||||||
<line x1="7" y1="11.5" x2="9" y2="11.5"/>
|
<line x1="7" y1="11.5" x2="9" y2="11.5"/>
|
||||||
</svg>
|
</svg>
|
||||||
|
|||||||
Reference in new issue
Block a user