diff options
| author | Ariel Costas Guerrero <ariel@costas.dev> | 2026-03-08 23:01:01 +0100 |
|---|---|---|
| committer | Ariel Costas Guerrero <ariel@costas.dev> | 2026-03-08 23:01:01 +0100 |
| commit | 2063f8101b1c887e079e11c96755a2441aa1b57b (patch) | |
| tree | 60b64c3567fa6d543c88bd0f827675df3b44ea90 /src/frontend/app/components/RouteIcon.css | |
| parent | c3db1a9a85745597c1bec334443d630f009e30c8 (diff) | |
Rename LineIcon -> RouteIcon, fix some size issues
Diffstat (limited to 'src/frontend/app/components/RouteIcon.css')
| -rw-r--r-- | src/frontend/app/components/RouteIcon.css | 45 |
1 files changed, 45 insertions, 0 deletions
diff --git a/src/frontend/app/components/RouteIcon.css b/src/frontend/app/components/RouteIcon.css new file mode 100644 index 0000000..f74b01f --- /dev/null +++ b/src/frontend/app/components/RouteIcon.css @@ -0,0 +1,45 @@ +.line-icon-default { + display: inline-block; + padding: 0.25rem 0.5rem; + margin-right: 0.5rem; + font-size: 0.9rem; + font-weight: 600; + text-transform: uppercase; + border-radius: 0.25rem 0.25rem 0 0; + color: var(--text-color); + background-color: var(--background-color); + + border-bottom: 3px solid; + border-color: var(--line-colour); +} + +.line-icon-pill { + display: inline-block; + padding: 0.25rem 0.5rem; + margin-right: 0.5rem; + font-size: 0.9rem; + font-weight: 600; + border-radius: 0.25rem; + + background-color: var(--line-colour); + color: var(--line-text-colour); +} + +.line-icon-rounded { + display: flex; + align-items: center; + justify-content: center; + min-width: 4.25ch; + height: 4.25ch; + box-sizing: border-box; + + background-color: var(--line-colour); + color: var(--line-text-colour); + padding: 0 0.8ch; + text-align: center; + border-radius: 2.125ch; + + font: 600 13px / 1 monospace; + letter-spacing: 0.05em; + white-space: nowrap; +} |