Polish lab service links as action pills

This commit is contained in:
2026-04-24 08:06:17 -06:00
parent ea55178f9c
commit fcb2dcb36d
3 changed files with 74 additions and 3 deletions
+40
View File
@@ -2051,6 +2051,46 @@ ol {
box-shadow: 0 12px 28px -22px rgba(15, 92, 139, 0.85);
}
.lab-content a.lab-service-pill {
display: inline-flex;
align-items: center;
gap: 0.45rem;
margin: 0.1rem 0.15rem;
border-radius: 999px;
border: 1px solid #0f5c8b;
background: #0f5c8b;
color: #fff;
font-size: 0.88rem;
font-weight: 600;
line-height: 1.2;
padding: 0.48rem 0.9rem;
text-decoration: none;
vertical-align: middle;
transition:
transform 120ms ease,
box-shadow 120ms ease,
background-color 120ms ease;
}
.lab-content a.lab-service-pill::before {
content: "Open";
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 999px;
background: rgba(255, 255, 255, 0.14);
padding: 0.16rem 0.48rem;
font-size: 0.68rem;
font-weight: 800;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.lab-content a.lab-service-pill:hover {
transform: translateY(-1px);
box-shadow: 0 12px 28px -22px rgba(15, 92, 139, 0.85);
}
.lab1-netron-panel__note,
.lab-iframe-embed__status,
.lab-iframe-embed__fallback {