fix: center icons in back-to-top button and code copy button
This commit is contained in:
1 parent
231f5a195d
commit
e75728de23
1 file changed
+8
@@ -1629,6 +1629,13 @@ footer.footer-modern a:hover {
|
|||||||
background: var(--accent-hover);
|
background: var(--accent-hover);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* display:block neutralises Bootstrap Icons' vertical-align:-.125em so the
|
||||||
|
glyph sits dead-centre inside the flex button */
|
||||||
|
.back-to-top i {
|
||||||
|
display: block;
|
||||||
|
line-height: 1;
|
||||||
|
}
|
||||||
|
|
||||||
/* ========================================
|
/* ========================================
|
||||||
COPY-TO-CLIPBOARD ON CODE BLOCKS
|
COPY-TO-CLIPBOARD ON CODE BLOCKS
|
||||||
======================================== */
|
======================================== */
|
||||||
@@ -1674,6 +1681,7 @@ footer.footer-modern a:hover {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.code-copy i {
|
.code-copy i {
|
||||||
|
display: block;
|
||||||
font-size: 0.95rem;
|
font-size: 0.95rem;
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in new issue
Block a user