diff --git a/packages/circuit-ui/components/Body/Body.module.css b/packages/circuit-ui/components/Body/Body.module.css index 262306322e..2d5d306fc9 100644 --- a/packages/circuit-ui/components/Body/Body.module.css +++ b/packages/circuit-ui/components/Body/Body.module.css @@ -1,4 +1,5 @@ .base { + margin: 0; font-weight: var(--cui-font-weight-regular); } diff --git a/packages/circuit-ui/components/BodyLarge/BodyLarge.module.css b/packages/circuit-ui/components/BodyLarge/BodyLarge.module.css index aabbf9e841..217885464e 100644 --- a/packages/circuit-ui/components/BodyLarge/BodyLarge.module.css +++ b/packages/circuit-ui/components/BodyLarge/BodyLarge.module.css @@ -1,4 +1,5 @@ .base { + margin: 0; font-size: var(--cui-typography-body-large-font-size); font-weight: var(--cui-font-weight-regular); line-height: var(--cui-typography-body-large-line-height); diff --git a/packages/circuit-ui/components/Headline/Headline.module.css b/packages/circuit-ui/components/Headline/Headline.module.css index 16070244a3..ef2699e6e7 100644 --- a/packages/circuit-ui/components/Headline/Headline.module.css +++ b/packages/circuit-ui/components/Headline/Headline.module.css @@ -1,4 +1,5 @@ .base { + margin: 0; font-weight: var(--cui-font-weight-bold); color: var(--cui-fg-normal); letter-spacing: -0.03em; diff --git a/packages/circuit-ui/components/List/List.module.css b/packages/circuit-ui/components/List/List.module.css index c5cbb0392e..8a09c3afb0 100644 --- a/packages/circuit-ui/components/List/List.module.css +++ b/packages/circuit-ui/components/List/List.module.css @@ -1,4 +1,5 @@ .base { + margin: 0; font-weight: var(--cui-font-weight-regular); } diff --git a/packages/circuit-ui/components/SubHeadline/SubHeadline.module.css b/packages/circuit-ui/components/SubHeadline/SubHeadline.module.css index 1c11dee923..3afac54ca7 100644 --- a/packages/circuit-ui/components/SubHeadline/SubHeadline.module.css +++ b/packages/circuit-ui/components/SubHeadline/SubHeadline.module.css @@ -1,4 +1,5 @@ .base { + margin: 0; font-size: var(--cui-typography-sub-headline-font-size); font-weight: var(--cui-font-weight-bold); line-height: var(--cui-typography-sub-headline-line-height); diff --git a/packages/circuit-ui/components/Title/Title.module.css b/packages/circuit-ui/components/Title/Title.module.css index e2edae4e40..832caedc34 100644 --- a/packages/circuit-ui/components/Title/Title.module.css +++ b/packages/circuit-ui/components/Title/Title.module.css @@ -1,4 +1,5 @@ .base { + margin: 0; font-weight: var(--cui-font-weight-bold); color: var(--cui-fg-normal); letter-spacing: -0.03em; diff --git a/packages/circuit-ui/styles/base.css b/packages/circuit-ui/styles/base.css index e66779382b..1c0c385fd5 100644 --- a/packages/circuit-ui/styles/base.css +++ b/packages/circuit-ui/styles/base.css @@ -1,163 +1,35 @@ -/* stylelint-disable no-duplicate-selectors -- Sections are split to separate third-party from first-party code */ - /* Start downloading custom fonts as soon as possible */ @font-face { font-family: aktiv-grotesk; font-weight: 400; - src: url('https://static.sumup.com/fonts/latin-greek-cyrillic/aktiv-grotest-400.woff2') format('woff2'), - url('https://static.sumup.com/fonts/latin-greek-cyrillic/aktiv-grotest-400.woff') format('woff'), - url('https://static.sumup.com/fonts/latin-greek-cyrillic/aktiv-grotest-400.eot') format('embedded-opentype'); + src: url('https://static.sumup.com/fonts/latin-greek-cyrillic/aktiv-grotest-400.woff2') + format('woff2'), + url('https://static.sumup.com/fonts/latin-greek-cyrillic/aktiv-grotest-400.woff') + format('woff'), + url('https://static.sumup.com/fonts/latin-greek-cyrillic/aktiv-grotest-400.eot') + format('embedded-opentype'); font-display: optional; } @font-face { font-family: aktiv-grotesk; font-weight: 700; - src: url('https://static.sumup.com/fonts/latin-greek-cyrillic/aktiv-grotest-700.woff2') format('woff2'), - url('https://static.sumup.com/fonts/latin-greek-cyrillic/aktiv-grotest-700.woff') format('woff'), - url('https://static.sumup.com/fonts/latin-greek-cyrillic/aktiv-grotest-700.eot') format('embedded-opentype'); + src: url('https://static.sumup.com/fonts/latin-greek-cyrillic/aktiv-grotest-700.woff2') + format('woff2'), + url('https://static.sumup.com/fonts/latin-greek-cyrillic/aktiv-grotest-700.woff') + format('woff'), + url('https://static.sumup.com/fonts/latin-greek-cyrillic/aktiv-grotest-700.eot') + format('embedded-opentype'); font-display: optional; } -/** - * reset.css - * http://meyerweb.com/eric/tools/css/reset/ - * v2.0 | 20110126 - * License: none (public domain) - */ -html, -body, -div, -span, -applet, -object, -iframe, -h1, -h2, -h3, -h4, -h5, -h6, -p, -blockquote, -pre, -a, -abbr, -acronym, -address, -big, -cite, -code, -del, -dfn, -em, -img, -ins, -kbd, -q, -s, -samp, -small, -strike, -strong, -sub, -sup, -tt, -var, -b, -u, -i, -center, -dl, -dt, -dd, -ol, -ul, -li, -fieldset, -form, -label, -legend, -table, -caption, -tbody, -tfoot, -thead, -tr, -th, -td, -article, -aside, -canvas, -details, -embed, -figure, -figcaption, -footer, -header, -hgroup, -menu, -nav, -output, -ruby, -section, -summary, -time, -mark, -audio, -video { - padding: 0; - margin: 0; - font: inherit; - font-size: 100%; - vertical-align: baseline; - border: 0; -} - -/* HTML5 display-role reset for older browsers */ -article, -aside, -details, -figcaption, -figure, -footer, -header, -hgroup, -menu, -nav, -section { - display: block; -} - -body { - line-height: 1; -} - -blockquote, -q { - quotes: none; -} - -blockquote::before, -blockquote::after, -q::before, -q::after { - content: ''; - content: none; -} - -table { - border-spacing: 0; - border-collapse: collapse; -} - /** * Our global resets */ /** - * Best practice from http://callmenick.com/post/ the-new-box-sizing-reset - * TLDR: It’s easier to override and a slight performance boost. + * Best practice from http://callmenick.com/post/the-new-box-sizing-reset + * TL;DR: It’s easier to override and a slight performance boost. */ *, *::before,