paulononato/backstage
1
0
Fork 0
Code Issues Pull Requests Actions 27 Packages Projects Releases Wiki Activity

Styles

Browse Source 
Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com>
This commit is contained in:
Charles de Dreuille
2025-01-11 08:14:01 +00:00
parent f3c58385c2
commit 8ab5de7a2f
2 changed files with 66 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
canon-docs/public/components.css
+63
View File
@@ -277,3 +277,66 @@
font-weight: var(--canon-font-weight-bold);
}
}
.canon-input-root {
font-family: var(--canon-font-regular);
flex-direction: column;
display: flex;
}
.canon-input-label {
font-size: var(--canon-font-size-caption);
font-weight: var(--canon-font-weight-regular);
color: var(--canon-text-primary);
margin-bottom: var(--canon-spacing-3xs);
}
.canon-input-control {
border-radius: var(--canon-border-radius-sm);
border: 1px solid var(--canon-border-base);
padding: var(--canon-spacing-sm);
background-color: var(--canon-surface-1);
font-size: var(--canon-font-size-body);
font-weight: var(--canon-font-weight-regular);
color: var(--canon-text-primary);
transition: border-color .2s ease-in-out, outline-color .2s ease-in-out;
}
.canon-input-control::placeholder {
color: var(--canon-text-secondary);
}
.canon-input-control:hover {
border-color: var(--canon-border-hover);
}
.canon-input-control:focus-visible {
outline-color: var(--canon-border-selected);
border-color: var(--canon-border-selected);
outline-width: 0;
}
.canon-input-control[data-invalid] {
border-color: var(--canon-error);
}
.canon-input-control-sm {
height: 2rem;
}
.canon-input-control-md {
height: 2.5rem;
}
.canon-input-description {
font-size: var(--canon-font-size-caption);
font-weight: var(--canon-font-weight-regular);
color: var(--canon-text-secondary);
margin-top: var(--canon-spacing-3xs);
}
.canon-input-error {
font-size: var(--canon-font-size-caption);
color: var(--canon-error);
margin-top: var(--canon-spacing-3xs);
}
canon-docs/public/core.css
+3 -2
View File
@@ -5700,7 +5700,7 @@
--canon-border-hover: #0003;
--canon-border-warning: #e36d05;
--canon-border-error: #e22b2b;
--canon-border-selected: #1db954;
--canon-border-selected: #0006;
--canon-error: #f50000;
--canon-text-primary: #000;
--canon-text-primary-on-accent: #fff;
@@ -5747,9 +5747,10 @@
--canon-surface-1: #121212;
--canon-surface-2: #1a1a1a;
--canon-border-base: #fff3;
--canon-border-hover: #ffffff4d;
--canon-border-warning: #f50000;
--canon-border-error: #f87503;
--canon-border-selected: #25d262;
--canon-border-selected: #fff6;
--canon-error: #f50000;
--canon-text-primary: #fff;
--canon-text-primary-on-accent: #000;