Match Angular typography: terminal-link color, board header padding/grid
This commit is contained in:
@@ -1,11 +1,14 @@
|
||||
.board-details-header {
|
||||
// Mirrors Angular's board-details-header host styling:
|
||||
// padding: $space-l $space-xl (15px 20px), align-items: start,
|
||||
// gap: $space-m (10px). Border-radius stays off — the wrapping
|
||||
// `.frame` handles rounding.
|
||||
display: grid;
|
||||
grid-template-columns: auto 1fr;
|
||||
align-items: center;
|
||||
gap: 8px 16px;
|
||||
padding: 24px 24px 12px;
|
||||
align-items: start;
|
||||
gap: 10px 16px;
|
||||
padding: 15px 20px;
|
||||
background: #fff;
|
||||
border-radius: 8px;
|
||||
|
||||
&__badge { grid-column: 1; grid-row: 1; }
|
||||
|
||||
|
||||
@@ -1,3 +1,4 @@
|
||||
@use "../../styles/colors" as colors;
|
||||
@use "../../styles/screen" as screen;
|
||||
|
||||
.station {
|
||||
@@ -16,11 +17,14 @@
|
||||
}
|
||||
}
|
||||
|
||||
// Matches Angular's terminal-link: $font-size-s (12px), $light-gray
|
||||
// (#657282), 16px line-height, underline. Previous #8a8a8a was a
|
||||
// shade too pale and read as disabled text.
|
||||
&__terminal {
|
||||
font-size: 12px;
|
||||
color: #8a8a8a;
|
||||
color: colors.$light-gray;
|
||||
text-decoration: underline;
|
||||
line-height: 1.25;
|
||||
line-height: 16px;
|
||||
}
|
||||
|
||||
&--city-first {
|
||||
|
||||
Reference in New Issue
Block a user