Browse Source

Changed sidebar colors on hover and active

writing-page-updates
Anxhelo Lushka 6 years ago
parent
commit
fedb886b86
No known key found for this signature in database GPG Key ID: 86086158C83770F8
  1. 1
      _includes/components/footer.html
  2. BIN
      _site/assets/images/placeholder.jpg
  3. 10
      _site/assets/styles/layout.scss
  4. 5
      _site/assets/styles/main.css
  5. 1
      _site/components/index.html
  6. BIN
      assets/images/placeholder.jpg
  7. 10
      assets/styles/layout.scss

1
_includes/components/footer.html

@ -25,7 +25,6 @@
<li><a href="#">contribute</a></li> <li><a href="#">contribute</a></li>
<li><a href="#">donate</a></li> <li><a href="#">donate</a></li>
<li><a href="#">partners</a></li> <li><a href="#">partners</a></li>
<li><a href="#">run OONI</a></li>
</ul> </ul>
<ul class="col-lg-3 col-md-4 col-sm-6 col-xs-12 mb-5" id="footer-socialMedia-menu"> <ul class="col-lg-3 col-md-4 col-sm-6 col-xs-12 mb-5" id="footer-socialMedia-menu">
<span>Follow us</span> <span>Follow us</span>

BIN
_site/assets/images/placeholder.jpg

Binary file not shown.

Before

Width:  |  Height:  |  Size: 64 KiB

After

Width:  |  Height:  |  Size: 74 KiB

10
_site/assets/styles/layout.scss

@ -25,7 +25,7 @@
border: 0; border: 0;
border-radius: 0 !important; border-radius: 0 !important;
font-size: 1rem; font-size: 1rem;
font-weight: 400 !important; font-weight: 400 !important;
padding-left: 1.1rem !important; padding-left: 1.1rem !important;
// border-color: $oc-gray-4; // border-color: $oc-gray-4;
} }
@ -36,10 +36,14 @@
} }
.sidebar__link__light { .sidebar__link__light {
color: $oc-gray-9 !important; color: $oc-gray-6 !important;
&:hover { &:hover {
color: $secondary !important; color: $oc-black !important;
}
&:active {
color: $primary;
} }
} }

5
_site/assets/styles/main.css

@ -8,8 +8,9 @@
.sidebar-wrapper { background-color: #dee2e6; } .sidebar-wrapper { background-color: #dee2e6; }
.sidebar__link__light { color: #212529 !important; } .sidebar__link__light { color: #868e96 !important; }
.sidebar__link__light:hover { color: #60AB60 !important; } .sidebar__link__light:hover { color: #000000 !important; }
.sidebar__link__light:active { color: #4661A9; }
.row { margin: auto !important; } .row { margin: auto !important; }

1
_site/components/index.html

@ -287,7 +287,6 @@
<li><a href="#">contribute</a></li> <li><a href="#">contribute</a></li>
<li><a href="#">donate</a></li> <li><a href="#">donate</a></li>
<li><a href="#">partners</a></li> <li><a href="#">partners</a></li>
<li><a href="#">run OONI</a></li>
</ul> </ul>
<ul class="col-lg-3 col-md-4 col-sm-6 col-xs-12 mb-5" id="footer-socialMedia-menu"> <ul class="col-lg-3 col-md-4 col-sm-6 col-xs-12 mb-5" id="footer-socialMedia-menu">
<span>Follow us</span> <span>Follow us</span>

BIN
assets/images/placeholder.jpg

Binary file not shown.

Before

Width:  |  Height:  |  Size: 64 KiB

After

Width:  |  Height:  |  Size: 74 KiB

10
assets/styles/layout.scss

@ -25,7 +25,7 @@
border: 0; border: 0;
border-radius: 0 !important; border-radius: 0 !important;
font-size: 1rem; font-size: 1rem;
font-weight: 400 !important; font-weight: 400 !important;
padding-left: 1.1rem !important; padding-left: 1.1rem !important;
// border-color: $oc-gray-4; // border-color: $oc-gray-4;
} }
@ -36,10 +36,14 @@
} }
.sidebar__link__light { .sidebar__link__light {
color: $oc-gray-9 !important; color: $oc-gray-6 !important;
&:hover { &:hover {
color: $secondary !important; color: $oc-black !important;
}
&:active {
color: $primary;
} }
} }

Loading…
Cancel
Save