More actions
No edit summary Tag: Reverted |
No edit summary Tag: Reverted |
||
| Line 34: | Line 34: | ||
font-size: 0.8125rem; | font-size: 0.8125rem; | ||
} | } | ||
.template-component__subtitle p { | .template-component__subtitle p, .template-component__title p { | ||
margin: 0; | margin: 0; | ||
} | } | ||
Revision as of 03:05, 24 October 2023
.template-component__card {
position: relative;
border: 1px solid var(--border-color-base);
border-radius: var(--border-radius--medium);
display: grid;
grid-template-columns: 3rem auto;
line-height: 1.35;
flex-grow: 1;
}
.template-component__port {
padding: var(--space-sm)0;
border-right: 1px solid var(--border-color-base);
border-top-left-radius: var(--border-radius--medium);
border-bottom-left-radius: var(--border-radius--medium);
justify-items: center;
background-color: var(--color-surface-0);
font-weight: 500;
line-height: 1.25;
text-align: center;
}
.template-component__item {
padding: 0 var(--space-md);
border-top-right-radius: var(--border-radius--medium);
border-bottom-right-radius: var(--border-radius--medium);
background-color: var(--color-surface-2);
}
.template-component__title {
color: var(--color-base--emphasized);
font-weight: 500;
font-size: 0.875rem;
}
.template-component__subtitle {
color: var(--color-base--subtle);
font-size: 0.8125rem;
}
.template-component__subtitle p, .template-component__title p {
margin: 0;
}