dan/windycoys
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refactor list styles

Browse Source 
Add blockquote styles
This commit is contained in:
Dan Head
2019-03-09 18:50:40 +00:00
parent b321fb4698
commit a09b549219
2 changed files with 26 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
css/content.css
View File

@@ -39,28 +39,41 @@
.content ul,
.content ol {
counter-reset: li;
margin-bottom: var(--space-sm);
padding-left: var(--space-sm);
}
.content ul li,
.content ol li {
counter-increment: li;
position: relative;
padding: 0 0 var(--space-xs) var(--space-sm);
margin-bottom: var(--space-xs);
padding-left: var(--space-md);
}
.content ul li:before,
.content ol li:before {
position: absolute;
left: 0;
}
.content ul li:before {
content: '';
position: absolute;
left: calc(var(--space-xxs) - (var(--bullet-size) / 2));
content: "";
top: calc(var(--base-line-height) / 2 * 1rem);
background-color: var(--color-dark-blue);
background-color: var(--color-light-blue);
width: var(--bullet-size);
height: var(--bullet-size);
border-radius: 50%;
transform: translateY(-50%);
}
.content ol li:before {
content: counter(li) ".";
top: 0;
color: var(--color-light-blue);
font-weight: 700;
}
.content a {
color: var(--color-light-blue);
transition: box-shadow var(--transition-md) ease-out;
@@ -124,6 +137,12 @@
margin: var(--space-sm) 0 0;
}
.content .wp-block-quote {
border-left: var(--space-xxs) solid var(--color-light-blue);
margin-bottom: var(--space-sm);
padding: var(--space-sm) var(--space-md);
}
.content table {
border-collapse: collapse;
table-layout: fixed;