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><!-- #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"> <span id="mode-toggle-wrapper" class="d-flex justify-content-center align-items-center">
{% include dark-mode-toggle.html %} {% include dark-mode-toggle.html %}

View file

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