Rename CSS class.

This commit is contained in:
Cotes Chung 2020-02-13 22:28:33 +08:00
parent a4435a45ec
commit f3a9b4b293
2 changed files with 7 additions and 7 deletions

View File

@ -55,7 +55,7 @@
</div><!-- #nav-wrapper -->
<div class="contact d-flex justify-content-around mt-4">
<div class="sidebar-bottom d-flex justify-content-around mt-4">
<span id="mode-toggle-wrapper" class="d-flex justify-content-center align-items-center">
{% include dark-mode-toggle.html %}

View File

@ -222,7 +222,7 @@ body {
margin-top: 2rem;
}
.contact {
.sidebar-bottom {
font-size: 1.2rem;
margin: 2rem 2.5rem;
flex-shrink: 0;
@ -231,7 +231,7 @@ body {
/*box-shadow: inset 0 0 0.25em 0 rgba(0, 0, 0, 0.22);*/
}
#sidebar .contact a:hover,
#sidebar .sidebar-bottom a:hover,
#sidebar #mode-toggle-wrapper:hover {
color: #fff;
}
@ -1119,7 +1119,7 @@ div.tooltip-inner { /* Overrided BS4 Tooltip */
margin-right: 1rem;
}
.contact a {
.sidebar-bottom a {
padding: 0 0.6rem;
}
@ -1360,14 +1360,14 @@ div.tooltip-inner { /* Overrided BS4 Tooltip */
display: inline-block!important;
}
.contact {
.sidebar-bottom {
margin-left: 3.5rem;
margin-right: 4.5rem;
font-size: 1.3rem;
padding-bottom: 1rem;
}
.contact a {
.sidebar-bottom a {
border: 1px solid;
border-radius: 50%;
font-size: 1rem;
@ -1376,7 +1376,7 @@ div.tooltip-inner { /* Overrided BS4 Tooltip */
text-align: center;
}
.contact a>i {
.sidebar-bottom a>i {
text-align: center;
width: 1.25em;
padding-top: .45rem;