wires/hypnagaga
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

margins

Browse source
This commit is contained in:
pkd2512 2025-04-22 16:56:54 +02:00
parent 8400065eb4
commit 464c7505aa
Failed to extract signature
19 changed files with 31 additions and 31 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/components/Article/Article.stories.svelte
View file

@ -70,7 +70,7 @@
:global(#article-column-widths-demo) {
background-color: #ddd;
position: relative;
margin-bottom: 10px;
margin-block-end: 10px;
}
:global(#article-column-widths-demo .article-boundaries) {
padding: 0;
@ -86,7 +86,7 @@
:global(#article-column-widths-demo div.article-block) {
height: 300px;
background: #81a1c1;
margin-bottom: 2px;
margin-block-end: 2px;
height: 50px;
padding-inline-start: 3px;
color: white;

4
src/components/BeforeAfter/BeforeAfter.svelte
View file

@ -296,10 +296,10 @@
.overlay-container {
top: 0;
:global(:first-child) {
margin-top: 0;
margin-block-start: 0;
}
:global(:last-child) {
margin-bottom: 0;
margin-block-end: 0;
}
&.before {
left: 0;

2
src/components/Block/Block.stories.svelte
View file

@ -142,7 +142,7 @@
background: #81a1c1;
}
:global(#block-demo-article div.article-block.block-snap-widths-demo) {
margin-bottom: 2px;
margin-block-end: 2px;
height: 40px;
font-size: 11px;
}

2
src/components/EndNotes/EndNotes.svelte
View file

@ -44,7 +44,7 @@
@include mixins.font-medium;
@include mixins.tracking-normal;
@include mixins.fmt-3;
margin-bottom: 0.125rem;
margin-block-end: 0.125rem;
text-transform: none;
}
}

2
src/components/Framer/Resizer/index.svelte
View file

@ -168,7 +168,7 @@
background-color: rgba(255, 255, 255, 0.8);
padding: 4px 8px;
border-radius: 4px;
margin-right: 5px;
margin-inline-end: 5px;
}
button.icon {
font-size: 14px;

2
src/components/Framer/Typeahead/index.svelte
View file

@ -350,7 +350,7 @@
}
:global([data-svelte-search] label) {
margin-bottom: 0.25rem;
margin-block-end: 0.25rem;
display: inline-flex;
font-size: 0.75rem;
color: #aaa;

4
src/components/HeroHeadline/HeroHeadline.mdx
View file

@ -51,7 +51,7 @@ In the graphics kit, set styles in `global.scss` to make the Reuters site header
border: none !important;
}
.hero-wrapper {
margin-top: -64px;
margin-block-start: -64px;
}
```
@ -316,7 +316,7 @@ Add styles in `global.scss`:
}
.dek {
margin-top: 1rem;
margin-block-start: 1rem;
p {
color: #ffffff;
text-shadow: 1px 1px 8px #ff7c88;

4
src/components/HeroHeadline/HeroHeadline.stories.svelte
View file

@ -259,7 +259,7 @@
}
.dek {
margin-top: 1rem;
margin-block-start: 1rem;
p {
color: #ffffff;
text-shadow: 1px 1px 8px #ff7c88;
@ -281,7 +281,7 @@
}
:global(.hero-wrapper) {
margin-top: -64px;
margin-block-start: -64px;
}
}
</style>

2
src/components/PhotoPack/PhotoPack.svelte
View file

@ -85,7 +85,7 @@
<div
class="photopack-row flex justify-between"
style:gap="0 {gap}px"
style:margin-bottom={ri < rows.length - 1 ? gap + 'px' : ''}
style:margin-block-end={ri < rows.length - 1 ? gap + 'px' : ''}
>
{#each row as img, i}
<figure

2
src/components/ReferralBlock/ReferralBlock.svelte
View file

@ -182,7 +182,7 @@
}
div.heading {
margin-top: 0;
margin-block-start: 0;
font-family: Knowledge, sans-serif;
&.stacked {
max-width: 450px;

2
src/components/Scroller/Embedded/Foreground.svelte
View file

@ -42,7 +42,7 @@
<style lang="scss">
div.embedded-foreground {
:global(p:last-child) {
margin-bottom: 0;
margin-block-end: 0;
}
}
</style>

4
src/components/Scroller/Foreground.svelte
View file

@ -54,10 +54,10 @@
background: rgba(255, 255, 255, 0.9);
:global(p:last-child) {
margin-bottom: 0;
margin-block-end: 0;
}
:global(*:first-child) {
margin-top: 0;
margin-block-start: 0;
}
}
}

2
src/components/SiteFooter/CompanyLinks.svelte
View file

@ -148,7 +148,7 @@
section.company {
max-width: 100%;
h2 {
margin-bottom: 12px;
margin-block-end: 12px;
line-height: 1.333;
font-size: 16px;
color: var(--nav-primary);

2
src/components/SiteFooter/LegalLinks.svelte
View file

@ -151,7 +151,7 @@
li {
display: inline-flex;
margin-right: 16px;
margin-inline-end: 16px;
list-style: none;
align-items: center;
a {

6
src/components/SiteFooter/QuickLinks.svelte
View file

@ -223,7 +223,7 @@
grid-row: 1;
.media {
margin-top: 24px;
margin-block-start: 24px;
}
}
@ -242,13 +242,13 @@
}
.stay-informed {
margin-top: 24px;
margin-block-start: 24px;
}
}
.symbol {
width: 20px;
margin-right: 16px;
margin-inline-end: 16px;
}
.visually-hidden {

2
src/components/SiteFooter/SiteFooter.svelte
View file

@ -69,7 +69,7 @@
<style lang="scss">
footer {
margin-top: 0;
margin-block-start: 0;
background-color: var(--nav-background, #fff);
div {
max-width: 1400px;

6
src/components/SiteHeader/NavBar/NavDropdown/MoreDropdown.svelte
View file

@ -61,7 +61,7 @@
.more-section-group {
&.has-children {
margin-bottom: 20px;
margin-block-end: 20px;
}
.subsections {
@ -83,7 +83,7 @@
font-weight: 400;
display: inline-block;
padding: 4px 0;
margin-bottom: 2px;
margin-block-end: 2px;
text-decoration: none;
&:hover {
text-decoration: underline !important;
@ -93,7 +93,7 @@
.section-link {
grid-column: 1 / -1;
margin-bottom: 16px;
margin-block-end: 16px;
line-height: 18px;
font-size: 16px;
display: inline-block;

6
src/components/SiteHeader/NavBar/NavDropdown/SectionDropdown.svelte
View file

@ -78,12 +78,12 @@
}
&:first-child {
margin-right: 16px;
margin-inline-end: 16px;
}
@include for-tablet-down {
&:nth-child(2) {
margin-top: 0;
margin-block-start: 0;
}
}
}
@ -94,7 +94,7 @@
font-weight: 400;
display: inline-block;
padding: 4px 0;
margin-bottom: 2px;
margin-block-end: 2px;
font-family: var(--theme-font-family-sans-serif);
&:hover {
text-decoration: underline;

4
src/components/SiteHeader/NavBar/NavDropdown/StoryCard/index.svelte
View file

@ -50,7 +50,7 @@
}
.story-text {
margin-right: 10px;
margin-inline-end: 10px;
width: 100%;
&.has-thumbnail {
width: calc(100% - 84px);
@ -68,7 +68,7 @@
time {
@include font-sans;
margin-top: 8px;
margin-block-start: 8px;
display: block;
font-size: 12px;
font-weight: 400;