mastermindzh/rickvanlieshout.com
1
0
Fork 0
mirror of https://github.com/mastermindzh/rickvanlieshout.com synced 2025-10-31 08:40:27 +01:00
Code Issues Packages Projects Releases Wiki Activity

added blockquote styling

Browse Source
This commit is contained in:
Rick van Lieshout
2022-09-17 21:07:58 +02:00
parent c752310aa0
commit 8bddd82ba5
2 changed files with 30 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
src/assets/scss/base/_generic.scss
View File

@@ -78,15 +78,13 @@ img {
}
hr {
background-image: linear-gradient(
to bottom,
transparent 1px,
transparent 11px,
$color-base 11px,
$color-base 15px,
transparent 15px,
transparent 26px
);
background-image: linear-gradient(to bottom,
transparent 1px,
transparent 11px,
$color-base 11px,
$color-base 15px,
transparent 15px,
transparent 26px);
background-size: 100% 26px;
border: 0;
color: $color-base;
@@ -128,11 +126,32 @@ p {
}
blockquote {
border-color: #d9d9d9;
border-style: solid;
border-width: 2px 0;
display: block;
// border-color: #eee;
font-style: italic;
padding: 0;
margin: 1.5em 0;
padding: 1.5em 0 0.5em;
position: relative;
text-align: center;
}
blockquote:before {
background: $color-bg;
color: $color-gray;
content: "\201C";
font: 4em/1.08em ubuntu;
height: 2rem;
left: 50%;
position: absolute;
text-align: center;
top: 0em;
transform: translate(-50%, -75%);
width: 3rem;
}
figure {
display: block;
height: auto;
@@ -150,6 +169,7 @@ figcaption {
}
@include breakpoint-sm {
figure.float-left,
figure.float-right {
max-width: 310px;