Skip to content

Commit 9474f03

Browse files
Rationalise default figcaption styles
1 parent 6148fb3 commit 9474f03

File tree

3 files changed

+28
-48
lines changed

3 files changed

+28
-48
lines changed

assets-src/styles/sass/30-base/_global-reset.scss

Lines changed: 8 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -99,22 +99,16 @@ button {
9999

100100

101101

102-
// /* Remove margins in favour of better control by our authored CSS */
103-
// h1,
104-
// h2,
105-
// h3,
106-
// h4,
107-
// h5,
108-
// h6,
109-
// p,
110-
// blockquote,
111-
// dl,
112-
// dd {
113-
// margin-block: 0;
114-
// }
115-
116102
figure {
117103
margin: 1rem 0;
104+
105+
figcaption {
106+
font-size: var(--w3c-text-01);
107+
108+
> * {
109+
max-inline-size: rem(540);
110+
}
111+
}
118112
}
119113

120114

assets-src/styles/sass/50-core-components/_images.scss

Lines changed: 10 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -2,21 +2,13 @@
22
#Image component
33
\*------------------------------------*/
44

5-
.component--image {
6-
figcaption {
7-
//@include txt-pluto;
8-
font-size: var(--w3c-text-01);
9-
margin-block-start: 1em;
10-
11-
> * {
12-
max-inline-size: rem(540);
13-
}
14-
15-
> a {
16-
align-self: flex-start;
17-
display: inline-block;
18-
margin: 0;
19-
padding-block: rem(10);
20-
}
21-
}
22-
}
5+
//.component--image {
6+
// figcaption {
7+
//
8+
// > a {
9+
// display: inline-block;
10+
// margin: 0;
11+
// padding-block: rem(10);
12+
// }
13+
// }
14+
//}

assets-src/styles/sass/50-core-components/_video.scss

Lines changed: 10 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -2,19 +2,13 @@
22
#Video component
33
\*------------------------------------*/
44

5-
.component--video {
6-
figcaption {
7-
//@include txt-pluto;
8-
font-size: var(--w3c-text-01);
9-
10-
> * {
11-
max-inline-size: rem(540);
12-
}
13-
14-
> a {
15-
display: inline-block;
16-
// margin: 0;
17-
padding-block: rem(10);
18-
}
19-
}
20-
}
5+
//.component--video {
6+
// figcaption {
7+
//
8+
// > a {
9+
// display: inline-block;
10+
// margin: 0;
11+
// padding-block: rem(10);
12+
// }
13+
// }
14+
//}

0 commit comments

Comments
 (0)