style: fix padding and spacing issues
This commit is contained in:
parent
af68a0e22d
commit
6003a57d0c
4 changed files with 15 additions and 4 deletions
|
@ -301,7 +301,7 @@ samp,
|
||||||
var,
|
var,
|
||||||
pre {
|
pre {
|
||||||
font-family: $code-font;
|
font-family: $code-font;
|
||||||
font-size: 1em;
|
font-size: 0.9em;
|
||||||
word-wrap: normal;
|
word-wrap: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -11,8 +11,11 @@
|
||||||
|
|
||||||
& > article {
|
& > article {
|
||||||
grid-area: page-container;
|
grid-area: page-container;
|
||||||
|
|
||||||
|
@include mq("large") {
|
||||||
margin-block-start: 2em;
|
margin-block-start: 2em;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
@include mq("large") {
|
@include mq("large") {
|
||||||
margin-block-end: 2em;
|
margin-block-end: 2em;
|
||||||
|
|
|
@ -78,8 +78,16 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
& > * {
|
& > * {
|
||||||
|
inline-size: 100%;
|
||||||
|
|
||||||
|
@include mq("small") {
|
||||||
|
inline-size: 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
@include mq("large") {
|
||||||
inline-size: 20%;
|
inline-size: 20%;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
& > a {
|
& > a {
|
||||||
display: block;
|
display: block;
|
||||||
|
|
|
@ -181,7 +181,7 @@
|
||||||
grid-column-end: 3;
|
grid-column-end: 3;
|
||||||
grid-row-start: 2;
|
grid-row-start: 2;
|
||||||
grid-row-end: 3;
|
grid-row-end: 3;
|
||||||
padding-inline: 1em;
|
padding: 1em;
|
||||||
|
|
||||||
@include mq("large") {
|
@include mq("large") {
|
||||||
grid-row-start: 1;
|
grid-row-start: 1;
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue