| |
@@ -45,6 +45,15 @@
|
| |
margin: 30px 0;
|
| |
}
|
| |
|
| |
+ li.active[role="presentation"] a{
|
| |
+ background: #fff;
|
| |
+ color: var(--primary-color);
|
| |
+ font-weight: bold;
|
| |
+ border-radius: 2em;
|
| |
+ margin-right: -100%;
|
| |
+ padding-right: calc(100% + 10px);
|
| |
+ }
|
| |
+
|
| |
footer {
|
| |
text-align: center;
|
| |
padding:0 7vw;
|
| |
@@ -177,6 +186,17 @@
|
| |
}
|
| |
}
|
| |
|
| |
+ @media (max-width: 975px){
|
| |
+ li.active[role="presentation"] a{
|
| |
+ background: #fff;
|
| |
+ color: var(--primary-color);
|
| |
+ font-weight: bold;
|
| |
+ border-radius: 2em;
|
| |
+ margin-right: 0;
|
| |
+ padding-right: 15px;
|
| |
+ }
|
| |
+ }
|
| |
+
|
| |
@media (min-width: 1530px) {
|
| |
blockquote {
|
| |
min-height: 170px;
|
| |
As discussed in here, styles added for indicating the current page on sidebar.