78 lines
1.1 KiB
SCSS
78 lines
1.1 KiB
SCSS
////////////////////
|
|
// //
|
|
// Texts //
|
|
// //
|
|
////////////////////
|
|
|
|
.verse {
|
|
line-height: $line-height-verse;
|
|
@include breakpoint(laptop) {
|
|
margin-left: 3rem;
|
|
}
|
|
|
|
p:not(:last-child) {
|
|
margin-bottom: $verse-p-bottom-space;
|
|
@include breakpoint(laptop) {
|
|
margin-bottom: $verse-p-bottom-space-larger;
|
|
}
|
|
}
|
|
|
|
br {
|
|
margin-bottom: .5rem;
|
|
}
|
|
}
|
|
|
|
.main-header,
|
|
.main-footer {
|
|
a {
|
|
text-decoration: none;
|
|
max-width: 30rem;
|
|
margin: 0 auto 0 auto;
|
|
}
|
|
}
|
|
|
|
@include breakpoint(laptop) {
|
|
.main-header a {
|
|
font-size: 90%;
|
|
}
|
|
}
|
|
|
|
@include breakpoint(mobile) {
|
|
.main-header a {
|
|
font-size: 1.2rem;
|
|
}
|
|
}
|
|
|
|
.citation {
|
|
border: none;
|
|
margin-left: 0;
|
|
|
|
blockquote {
|
|
margin: 0;
|
|
margin-left: .5rem;
|
|
@include breakpoint(laptop) {
|
|
margin-left: 1rem;
|
|
}
|
|
border-left: solid $lighter-polar .5rem;
|
|
padding-left: .5rem;
|
|
|
|
@include breakpoint(laptop) {
|
|
padding-left: 1rem;
|
|
}
|
|
|
|
p {
|
|
text-align: left;
|
|
margin: .4rem 0;
|
|
}
|
|
|
|
em {
|
|
font-style: normal;
|
|
}
|
|
|
|
figcaption {
|
|
text-align: right;
|
|
margin-top: 1rem;
|
|
}
|
|
}
|
|
}
|