Rename CSS class.

cotes2020 · cotes2020 · commit 03a3fdef74dc · 2020-02-13T22:31:28.000+08:00
diff --git a/_includes/sidebar.html b/_includes/sidebar.html
@@ -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 %}
diff --git a/assets/css/main.scss b/assets/css/main.scss
@@ -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;

Original file line number	Diff line number	Diff line change
`@@ -222,7 +222,7 @@ body {`
`222`	`222`	`margin-top: 2rem;`
`223`	`223`	`}`
`224`	`224`
`225`		`-.contact {`
	`225`	`+.sidebar-bottom {`
`226`	`226`	`font-size: 1.2rem;`
`227`	`227`	`margin: 2rem 2.5rem;`
`228`	`228`	`flex-shrink: 0;`
`@@ -231,7 +231,7 @@ body {`
`231`	`231`	`/box-shadow: inset 0 0 0.25em 0 rgba(0, 0, 0, 0.22);/`
`232`	`232`	`}`
`233`	`233`
`234`		`-#sidebar .contact a:hover,`
	`234`	`+#sidebar .sidebar-bottom a:hover,`
`235`	`235`	`#sidebar #mode-toggle-wrapper:hover {`
`236`	`236`	`color: #fff;`
`237`	`237`	`}`
`@@ -1119,7 +1119,7 @@ div.tooltip-inner { /* Overrided BS4 Tooltip */`
`1119`	`1119`	`margin-right: 1rem;`
`1120`	`1120`	`}`
`1121`	`1121`
`1122`		`- .contact a {`
	`1122`	`+ .sidebar-bottom a {`
`1123`	`1123`	`padding: 0 0.6rem;`
`1124`	`1124`	`}`
`1125`	`1125`
`@@ -1360,14 +1360,14 @@ div.tooltip-inner { /* Overrided BS4 Tooltip */`
`1360`	`1360`	`display: inline-block!important;`
`1361`	`1361`	`}`
`1362`	`1362`
`1363`		`- .contact {`
	`1363`	`+ .sidebar-bottom {`
`1364`	`1364`	`margin-left: 3.5rem;`
`1365`	`1365`	`margin-right: 4.5rem;`
`1366`	`1366`	`font-size: 1.3rem;`
`1367`	`1367`	`padding-bottom: 1rem;`
`1368`	`1368`	`}`
`1369`	`1369`
`1370`		`- .contact a {`
	`1370`	`+ .sidebar-bottom a {`
`1371`	`1371`	`border: 1px solid;`
`1372`	`1372`	`border-radius: 50%;`
`1373`	`1373`	`font-size: 1rem;`
`@@ -1376,7 +1376,7 @@ div.tooltip-inner { /* Overrided BS4 Tooltip */`
`1376`	`1376`	`text-align: center;`
`1377`	`1377`	`}`
`1378`	`1378`
`1379`		`- .contact a>i {`
	`1379`	`+ .sidebar-bottom a>i {`
`1380`	`1380`	`text-align: center;`
`1381`	`1381`	`width: 1.25em;`
`1382`	`1382`	`padding-top: .45rem;`