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

Compare commits

base: gitea_admin/Styleguide:fbd230dc4dcd42a09492577b5c8e34c04c4881b2
Branches Tags
gitea_admin/Styleguide:main
...
compare: gitea_admin/Styleguide:5627fe28b17cfa7d92cb8acdccc1c220e358485e
Branches Tags
gitea_admin/Styleguide:main

22 Commits
fbd230dc4d ... 5627fe28b1

Author SHA1 Message Date
gitea_admin 5627fe28b1 Revert "Add cards public page" 
This reverts commit 75290bcee7.
 2026-06-24 09:21:39 +02:00
gitea_admin db4ef20de0 Revert "Add content wrapper card to public cards page" 
This reverts commit fc88afc4b3.
 2026-06-24 09:21:39 +02:00
gitea_admin 76e05966d0 Revert "Add CTA right card variant" 
This reverts commit 3052c94e2f.
 2026-06-24 09:21:39 +02:00
gitea_admin 6b780089f3 Revert "Remove inactive CTA button" 
This reverts commit b238d34967.
 2026-06-24 09:21:39 +02:00
gitea_admin d4b1506abd Revert "Make content wrapper card full bleed" 
This reverts commit aa616da116.
 2026-06-24 09:21:39 +02:00
gitea_admin ce1a3ffc8c Revert "Fix public cards full bleed layout" 
This reverts commit e0af522dd3.
 2026-06-24 09:21:39 +02:00
gitea_admin de28c1beef Revert "Fix public cards wrapper overflow" 
This reverts commit b74c3b9079.
 2026-06-24 09:21:39 +02:00
gitea_admin 9e62f78446 Revert "Remove preview area from public cards page" 
This reverts commit 6de7cb5807.
 2026-06-24 09:21:39 +02:00
gitea_admin db4304d163 Revert "Fix public cards page full width layout" 
This reverts commit 5f585ff599.
 2026-06-24 09:21:39 +02:00
gitea_admin 69b190692c Revert "Fix public cards wrapper full bleed" 
This reverts commit 35fb5e60c8.
 2026-06-24 09:21:39 +02:00
gitea_admin 169038fd42 Revert "Stabilize public cards wrapper full bleed" 
This reverts commit 7db06d27f0.
 2026-06-24 09:21:39 +02:00
gitea_admin b42ba2c695 Revert "Remove public cards wrapper full bleed" 
This reverts commit 991642d624.
 2026-06-24 09:21:39 +02:00
gitea_admin f90a2740a9 Revert "Simplify public cards page layout" 
This reverts commit 7cd12049a6.
 2026-06-24 09:21:39 +02:00
gitea_admin be2c89e10a Revert "Prevent horizontal overflow on public cards page" 
This reverts commit 84c0ceecfe.
 2026-06-24 09:21:39 +02:00
gitea_admin a14ace22e9 Revert "Add public content element width token" 
This reverts commit 0d3f1bbd27.
 2026-06-24 09:21:39 +02:00
gitea_admin 07e226e64c Revert "Make public CTA card full width on mobile" 
This reverts commit 31b59f6fca.
 2026-06-24 09:21:39 +02:00
gitea_admin 207e1aabd6 Revert "Add top spacing to public CTA section" 
This reverts commit bf7f403c1d.
 2026-06-24 09:21:39 +02:00
gitea_admin 17a3973ddf Revert "Revert CTA section top spacing" 
This reverts commit 7720aabea5.
 2026-06-24 09:21:39 +02:00
gitea_admin ac79718850 Revert "Move CTA right out of wrapper card" 
This reverts commit c28f788d1f.
 2026-06-24 09:21:39 +02:00
gitea_admin f6213624da Reapply "Move CTA right out of wrapper card" 
This reverts commit 1a9055b0d6.
 2026-06-24 09:21:39 +02:00
gitea_admin 58a92bcc4b Revert "Simplify CTA right public page layout" 
This reverts commit 82b9a616c5.
 2026-06-24 09:21:39 +02:00
gitea_admin a9953a0f33 Revert "Restore CTA right title label" 
This reverts commit fbd230dc4d.
 2026-06-24 09:21:39 +02:00
5 changed files with 0 additions and 98 deletions
Expand all files Collapse all files
components/cards-public-page.html
-50
View File
@@ -1,50 +0,0 @@
<!doctype html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Styleguide – Cards Public Page</title>
<link rel="stylesheet" href="../styleguide.css">
</head>
<body class="sg-page-cards-public-page">
<h1 class="sg-main-heading">Components – Cards Public Page</h1>
<main aria-label="Cards Public Page">
<section id="component-cta-right">
<p class="sg-preview-label">Component: CTA Right</p>
<section id="component-content-wrapper-card">
<p class="sg-preview-label">Component: Content Wrapper Card</p>
<div class="sg-transparent-card" data-component="transparent-card">
<p class="sg-body">
Content Wrapper Card als Transparent Card ohne horizontale Außenabstände und mit vertikalem Abstand gemäss spacing-large.
</p>
<article class="sg-card sg-card--content-card sg-card--content-card-dark sg-cards-public-page__cta-right-card" data-component="content-card" aria-label="CTA Right">
<div class="sg-card-segment sg-card-segment--body sg-cards-public-page__cta-right-body">
<div class="sg-cards-public-page__cta-right-grid">
<div class="sg-cards-public-page__cta-right-copy">
<p class="sg-body">
Ein Satz Text als CTA-Hinweis.
</p>
</div>
<div class="sg-cards-public-page__cta-right-buttons" data-component="link-buttons">
<button class="sg-interaction-element sg-button sg-button--active" type="button" data-component="button" data-component-state="active">
Link-Button
</button>
</div>
</div>
</div>
</article>
</div>
</section>
</section>
</main>
</body>
</html>
index.html
-1
View File
@@ -28,7 +28,6 @@
<ul class="sg-index-list"> <ul class="sg-index-list">
<li><a href="./components/cards.html">Cards</a></li> <li><a href="./components/cards.html">Cards</a></li>
<li><a href="./components/cards-public-page.html">Cards Public Page</a></li>
<li><a href="./components/interactive-elements.html">Interactive Elements</a></li> <li><a href="./components/interactive-elements.html">Interactive Elements</a></li>
<li><a href="./components/charts.html">Charts</a></li> <li><a href="./components/charts.html">Charts</a></li>
<li><a href="./components/data-display.html">Data Display</a></li> <li><a href="./components/data-display.html">Data Display</a></li>
semantic-tokens-layouts.html
-1
View File
@@ -30,7 +30,6 @@
<tr><td>layout-object-card-shared-width</td><td>auto</td><td>Geteilte Laufzeitbreite für gekoppelte Object-Card-Instanzen.</td></tr> <tr><td>layout-object-card-shared-width</td><td>auto</td><td>Geteilte Laufzeitbreite für gekoppelte Object-Card-Instanzen.</td></tr>
<tr><td>layout-content-cards-group-gap</td><td>spacing-small</td><td>Abstand zwischen Inhaltsblock-Karten innerhalb der Gruppe.</td></tr> <tr><td>layout-content-cards-group-gap</td><td>spacing-small</td><td>Abstand zwischen Inhaltsblock-Karten innerhalb der Gruppe.</td></tr>
<tr><td>layout-card-list-drawer-width</td><td>dimension-card-list-drawer-width</td><td>Breite des ausziehbaren Card-Listenbereichs relativ zum Container.</td></tr> <tr><td>layout-card-list-drawer-width</td><td>dimension-card-list-drawer-width</td><td>Breite des ausziehbaren Card-Listenbereichs relativ zum Container.</td></tr>
<tr><td>layout-public-content-element-width</td><td>60%</td><td>Standardbreite eines rechtsbündigen Public-Content-Elements innerhalb einer Wrapper-Card.</td></tr>
</tbody></table> </tbody></table>
<h3 class="sg-sub-heading sg-section-h3">Valuestockfinder Layouts</h3> <h3 class="sg-sub-heading sg-section-h3">Valuestockfinder Layouts</h3>
styles/01-foundations.css
-1
View File
@@ -199,7 +199,6 @@
--text-content-block-card-content: var(--color-font-dark); --text-content-block-card-content: var(--color-font-dark);
--text-card-list-drawer: var(--color-font-dark); --text-card-list-drawer: var(--color-font-dark);
--layout-card-list-drawer-width: var(--dimension-card-list-drawer-width); --layout-card-list-drawer-width: var(--dimension-card-list-drawer-width);
--layout-public-content-element-width: 60%;
--surface-vsf-drawer-object-card-header: var(--color-darkblue); --surface-vsf-drawer-object-card-header: var(--color-darkblue);
--surface-vsf-drawer-object-card-body: var(--color-darkblue); --surface-vsf-drawer-object-card-body: var(--color-darkblue);
--text-vsf-drawer-object-card-heading: var(--color-font-light); --text-vsf-drawer-object-card-heading: var(--color-font-light);
styles/40-components-cards.css
-45
View File
@@ -226,57 +226,12 @@
width: 100%; width: 100%;
} }
.sg-page-cards-public-page > .sg-main-heading {
margin: 0 0 var(--spacing-large) 0;
}
.sg-page-cards .sg-preview-area > .sg-card, .sg-page-cards .sg-preview-area > .sg-card,
.sg-page-cards .sg-preview-area > .sg-transparent-card { .sg-page-cards .sg-preview-area > .sg-transparent-card {
width: 100%; width: 100%;
max-width: none; max-width: none;
} }
.sg-page-cards-public-page #component-content-wrapper-card > .sg-transparent-card {
width: 100%;
max-width: none;
margin: var(--spacing-large) 0;
}
.sg-page-cards-public-page .sg-cards-public-page__cta-right-card {
width: var(--layout-public-content-element-width);
max-width: none;
margin-top: var(--spacing-large);
margin-inline-start: auto;
}
@media (max-width: 48rem) {
.sg-page-cards-public-page .sg-cards-public-page__cta-right-card {
width: 100%;
margin-inline-start: 0;
}
}
.sg-page-cards-public-page .sg-cards-public-page__cta-right-body {
display: flex;
align-items: center;
}
.sg-page-cards-public-page .sg-cards-public-page__cta-right-grid {
width: 100%;
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: center;
gap: var(--spacing-large);
}
.sg-page-cards-public-page .sg-cards-public-page__cta-right-copy {
min-width: 0;
}
.sg-page-cards-public-page .sg-cards-public-page__cta-right-buttons {
min-width: 0;
}
.sg-page-cards .sg-group-card > .sg-card { .sg-page-cards .sg-group-card > .sg-card {
flex: 0 0 100%; flex: 0 0 100%;
width: 100%; width: 100%;