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);
|
||||
}
|
||||
.sol-icon {
|
||||
width: 44px; height: 44px; border: 1px solid var(--accent);
|
||||
border-radius: 10px; display: flex; align-items: center;
|
||||
width: 60px; height: 60px; border: 1px solid var(--accent);
|
||||
border-radius: 12px; display: flex; align-items: center;
|
||||
justify-content: center; margin-bottom: 24px;
|
||||
transition: all 0.3s var(--ease-out);
|
||||
}
|
||||
@@ -930,7 +930,7 @@ h1 .accent { color: var(--accent); }
|
||||
<div class="solution-grid">
|
||||
<div class="sol-card reveal reveal-delay-1">
|
||||
<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"/>
|
||||
</svg>
|
||||
</div>
|
||||
@@ -939,7 +939,7 @@ h1 .accent { color: var(--accent); }
|
||||
</div>
|
||||
<div class="sol-card reveal reveal-delay-2">
|
||||
<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"/>
|
||||
<circle cx="8" cy="8" r="2"/>
|
||||
</svg>
|
||||
@@ -949,7 +949,7 @@ h1 .accent { color: var(--accent); }
|
||||
</div>
|
||||
<div class="sol-card reveal reveal-delay-3">
|
||||
<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"/>
|
||||
<line x1="7" y1="11.5" x2="9" y2="11.5"/>
|
||||
</svg>
|
||||
|
||||
Reference in new issue
Block a user