Adjust style

<figure>, footnotes, <hr> etc.
This commit is contained in:
Track3 2018-12-16 00:02:21 +08:00
parent 8711c169be
commit 67f9b4167a
3 changed files with 86 additions and 23 deletions

View file

@ -104,8 +104,8 @@ hr {
border-width: 0 0 5px 0;
border-style: dashed;
background: transparent;
width: 80%;
margin: auto;
width: 50%;
margin: 1.8em auto;
}
table {
@ -239,7 +239,7 @@ table {
#menu-btn {
display: none;
margin-left: .7em;
margin-left: .6em;
cursor: pointer;
}
@ -488,16 +488,34 @@ hr.post-end {
@include aTag;
figure {
max-width: 100;
max-width: 100%;
height: auto;
margin: 0;
text-align: center;
p {
margin-top: 0;
font-size: .8em;
font-style: italic;
@include dimmed;
}
}
figure.left {
float: left;
margin-right: 1.5em;
max-width: 50%;
}
figure.right {
float: right;
margin-left: 1.5em;
max-width: 50%;
}
figure.big {
max-width: 100vw;
}
img {
display: block;
max-width: 100%;
@ -513,24 +531,34 @@ hr.post-end {
}
}
figure.left {
float: left;
margin-right: 1em;
}
.footnotes {
font-size: .85em;
figure.right {
float: right;
margin-left: 1em;
}
.footnote-ref a,
a.footnote-return {
a {
box-shadow: none;
text-decoration: underline;
transition-property: color;
&:hover {
background: transparent;
}
&.footnote-return {
text-decoration: none;
}
}
ol {
line-height: 1.8;
}
}
.footnote-ref a {
box-shadow: none;
text-decoration: none;
padding: 2px;
border-radius: 2px;
background-color: $midnightblue;
}
.post-info {
@ -612,6 +640,25 @@ a.footnote-return {
margin-top: 8em;
}
figure.left {
margin-left: -240px;
p {
text-align: left;
}
}
figure.right {
margin-right: -240px;
p {
text-align: right;
}
}
figure.big {
width: 1200px;
margin-left: -240px;
}
hr.post-end {
width: 30%;
}
@ -630,6 +677,21 @@ a.footnote-return {
max-width: 960px;
}
figure.left {
max-width: 75%;
margin-left: -320px;
}
figure.right {
max-width: 75%;
margin-right: -320px;
}
figure.big {
width: 1600px;
margin-left: -320px;
}
hr.post-end {
width: 30%;
}
@ -667,9 +729,10 @@ a.footnote-return {
@media (max-width: 520px) {
figure.left,
figure.right {
.content figure.left,
.content figure.right {
float: unset;
max-width: 100%;
margin: 0;
}

File diff suppressed because one or more lines are too long

View file

@ -1 +1 @@
{"Target":"css/style.min.1a05bb70ba65f83d17c1933042808ce6a5986b022278a25e4490c44d9e4ed68a.css","MediaType":"text/css","Data":{"Integrity":"sha256-GgW7cLpl+D0XwZMwQoCM5qWYawIieKJeRJDETZ5O1oo="}}
{"Target":"css/style.min.857f4a4adceba73f2fc8a745f8ca8b08437800bdf1c3275e2c7360f4994644ba.css","MediaType":"text/css","Data":{"Integrity":"sha256-hX9KStzrpz8vyKdF+MqLCEN4AL3xwydeLHNg9JlGRLo="}}