ViMaSter/hackertours-theme
Watch
0
0
Fork
You've already forked hackertours-theme
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

More use of start/end for paddings and margins.

Browse source
This commit is contained in:
Fredrik Jonsson 2023-04-23 18:24:51 +02:00
commit 52fd600814
1 changed files with 26 additions and 37 deletions
Download patch file Download diff file Expand all files Collapse all files

23
assets/sass/_zen.scss
View file

@ -102,20 +102,24 @@ article {
figure,
img {
&.image {
--padding: .75rem;
@include respond-to(s) {
&.center {
margin-inline: auto;
}
&.left {
padding: 0 .75rem .75rem 0;
padding-inline-end: var(--padding);
padding-block-end: var(--padding);
margin: 0;
float: left;
clear: both;
}
&.right {
padding: 0 0 .75rem .75rem;
padding-inline-start: var(--padding);
padding-block-end: var(--padding);
margin: 0;
float: right;
clear: both;
@ -126,10 +130,15 @@ img {
figure {
&.image {
--padding: .75rem;
figcaption {
padding-block-start: var(--padding);
@include respond-to(s) {
display: table-caption;
caption-side: bottom;
padding-block-start: 0;
}
p {
@ -140,19 +149,17 @@ figure {
@include respond-to(s) {
display: table;
img {
display: block;
}
&.left {
figcaption {
padding: 0 .75rem .75rem 0;
padding-inline-end: var(--padding);
padding-block-end: var(--padding);
}
}
&.right {
figcaption {
padding: 0 0 .75rem .75rem;
padding-inline-start: var(--padding);
padding-block-end: var(--padding);
}
}
}