gitea_admin/Styleguide
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Split styleguide CSS into modular files per section/pattern/layout/page

Browse Source
This commit is contained in:
Mathias Gläser
2026-05-25 08:29:52 +02:00
parent e13ce0ad23
commit 3e9c273823
18 changed files with 3273 additions and 3256 deletions
Download Patch File Download Diff File Expand all files Collapse all files
styles/32-patterns-card-group-keyboard-nav.css
+44
View File
@@ -0,0 +1,44 @@
/* ========================================================= */
/* Patterns: Card Gruppe mit Tastennavigation */
/* ========================================================= */
.sg-content-block-card-group {
display: flex;
flex-direction: column;
gap: var(--spacing-small);
width: 100%;
--surface-tab-unselected: var(--color-white);
}
.sg-content-block-card-group__tabs,
.sg-content-block-card-group__panels,
.sg-content-block-card-group__panel,
.sg-content-block-card-group__card {
width: 100%;
}
.sg-content-block-card-group__panel[hidden] {
display: none;
}
.sg-content-block-card-group__title {
color: var(--text-content-block-card-title);
background: var(--surface-content-block-card-title);
}
.sg-content-block-card-group__content {
color: var(--text-content-block-card-content);
background: var(--surface-content-block-card-content);
}
.sg-content-block-card-group__content .sg-body {
margin: 0;
}
@media (max-width: 767px) {
.sg-content-block-card-group__tabs[role="tablist"] > [role="tab"] {
flex: 1 1 0;
min-width: max-content;
}
}