Skip to content

Commit 7a0b5c0

Browse files
committed
chore: update minor styles
1 parent 1c76938 commit 7a0b5c0

File tree

3 files changed

+15
-31
lines changed

3 files changed

+15
-31
lines changed

assets/custom/peace-in-a-box.svg

Lines changed: 1 addition & 1 deletion
Loading

db-ux-design-system.html

Lines changed: 12 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<!DOCTYPE html>
1+
<!doctype html>
22
<html lang="en">
33
<head>
44
<meta charset="UTF-8" />
@@ -49,25 +49,15 @@
4949
</div>
5050
</header>
5151
<main class="landing-main">
52-
<h1>Hello World</h1>
52+
<section id="section-header">
53+
<h1>
54+
DB UX<br />
55+
Design System
56+
</h1>
57+
<h3 data-variant="light">By all, for all</h3>
58+
</section>
5359
<section id="section-contact" class="section-with-max-width">
54-
<h2>insert Gif here</h2>
55-
<h2>
56-
By all, for all:<br />
57-
The DB UX Design System
58-
</h2>
59-
<svg
60-
xmlns="http://www.w3.org/2000/svg"
61-
width="96"
62-
height="96"
63-
viewBox="0 0 96 96"
64-
fill="none"
65-
>
66-
<path
67-
d="M80.8 20.4L58.8 7.6C50.8 2.8 45.2 2.8 37.2 7.6C30.4 11.6 15.2 20.4 15.2 20.4C9.2 23.6 8 28 8 31.2V64C8 68.4 10.4 72 15.2 74.8L37.2 87.6C42.4 90.4 45.2 92 48 92C50.8 92 54 90.4 58.8 87.6C67.6 82.4 80.8 74.8 80.8 74.8C85.6 72 88 68.4 88 64V31.2C88 28 86.8 23.6 80.8 20.4ZM41.2 14.4C46.8 11.2 49.2 11.2 54.8 14.4L76.4 26.8C73.6 28.4 62.8 34.8 55.2 39.2C50.4 42 46 42 41.6 39.2C34.8 35.6 25.6 30 19.6 26.8C22.8 25.2 35.2 18 41.2 14.4ZM41.2 80.8L19.2 68C16.4 66.4 16 65.2 16 64V34C21.6 37.2 30.8 42.8 37.2 46C44 50 44 50 44 57.6V58V60V82C43.2 82 42.4 81.2 41.2 80.8ZM76.8 68C76.8 68 63.6 75.6 54.8 80.8C53.6 81.6 52.8 82 52 82.4V60.4V58.4V58C52 50.4 52 50.4 58.8 46.4C64.8 42.8 74 37.6 80 34.4V64C80 65.2 79.6 66.4 76.8 68Z"
68-
fill="#595E67"
69-
/>
70-
</svg>
60+
<img src="/assets/custom/peace-in-a-box.svg" alt="DB UX Icon" />
7161
<p>
7262
Every bit in our world is designed & coded with the primal human
7363
desire to connect with one another while
@@ -78,9 +68,9 @@ <h2>
7868
consistent, efficient, and user-centric digital solutions – shaping
7969
the mobility of the future.
8070
</p>
81-
<a class="db-button" data-variant="primary" href="mailto:"
82-
>Meet the team</a
83-
>
71+
<a class="db-button" data-variant="primary" href="mailto:db-ux-designsystem@deutschebahn.com">
72+
Contact Us
73+
</a>
8474
</section>
8575
<section id="section-main-features" class="section-with-max-width">
8676
<h2>How it works</h2>

styles/styles.css

Lines changed: 2 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -71,27 +71,21 @@ h6 {
7171
position: absolute;
7272
border-radius: var(--db-border-radius-md);
7373
border-inline-start: none;
74-
border-block-end: var(--db-border-height-lg) solid
75-
var(--db-brand-origin-enabled);
76-
inset-block-end: calc(-1 * var(--db-spacing-fixed-xs));
74+
border-block-end: 8px solid var(--db-brand-origin-enabled);
75+
inset-block-end: calc(-1 * var(--db-spacing-fixed-xl));
7776
inline-size: 72px;
7877
block-size: auto;
7978
inset-inline-start: 50%;
8079
inset-block-start: auto;
8180
transform: translate(-50%, 0);
8281
}
83-
84-
&::after {
85-
content: " ❤️";
86-
}
8782
}
8883

8984
> section {
9085
display: flex;
9186
flex-direction: column;
9287
align-items: center;
9388
justify-items: center;
94-
gap: var(--db-spacing-fixed-xl);
9589

9690
p {
9791
/* 45rem are ~768 px for tablet*/

0 commit comments

Comments
 (0)