fix: update button icon alignment for back-to-top and code copy buttons
This commit is contained in:
1 parent
e75728de23
commit
a3099cad03
1 file changed
+12
-4
+12
-4
@@ -1629,10 +1629,14 @@ footer.footer-modern a:hover {
|
|||||||
background: var(--accent-hover);
|
background: var(--accent-hover);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* display:block neutralises Bootstrap Icons' vertical-align:-.125em so the
|
/* The <i> fills the button and flex-centres its ::before glyph, so neither
|
||||||
glyph sits dead-centre inside the flex button */
|
Bootstrap Icons' vertical-align:-.125em nor glyph side-bearing can offset it */
|
||||||
.back-to-top i {
|
.back-to-top i {
|
||||||
display: block;
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -1681,7 +1685,11 @@ footer.footer-modern a:hover {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.code-copy i {
|
.code-copy i {
|
||||||
display: block;
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
font-size: 0.95rem;
|
font-size: 0.95rem;
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in new issue
Block a user