Fix image color inversion w/ CSS
Change-Id: Ic156d24cb41af68c6904b5b9fc335531004ae755
diff --git a/css/style.css b/css/style.css
index 7556945..b36241e 100644
--- a/css/style.css
+++ b/css/style.css
@@ -19,6 +19,10 @@
transition: background .15s, box-shadow .1s;
}
+.navbar-brand-image {
+ filter: invert(100%);
+}
+
#wrap_a {
max-width: 800px;
margin: 0 auto;
diff --git a/index.html b/index.html
index 2a34178..5b52350 100644
--- a/index.html
+++ b/index.html
@@ -27,8 +27,9 @@
<!-- Navbar -->
<nav class="navbar navbar-expand-md navbar-light fixed-top bg-light" style="padding-right: 41px;">
<div class="container pt-6">
- <a class="navbar-brand" href="#"><img src="images/bliss-brand-icon.png" width="50"
- class="d-inline-block align-top" alt="" style="-webkit-filter: invert(100%)"></a>
+ <a class="navbar-brand" href="#">
+ <img src="images/bliss-brand-icon.png" width="50" class="d-inline-block align-top navbar-brand-image" alt="">
+ </a>
<div class="row">
<div class="col-md-12"><a class="navbar-brand" href="#"><b><b>BlissRoms</b></b></a></div>
</div>
diff --git a/team.html b/team.html
index d01bb69..1d080a4 100644
--- a/team.html
+++ b/team.html
@@ -27,8 +27,9 @@
<!-- Navbar -->
<nav class="navbar navbar-expand-md navbar-light fixed-top bg-light" style="padding-right: 41px;">
<div class="container pt-6">
- <a class="navbar-brand" href="#"><img src="images/bliss-brand-icon.png" width="50"
- class="d-inline-block align-top" alt="" style="-webkit-filter: invert(100%)"></a>
+ <a class="navbar-brand" href="#">
+ <img src="images/bliss-brand-icon.png" width="50" class="d-inline-block align-top navbar-brand-image" alt="">
+ </a>
<div class="row">
<div class="col-md-12"><a class="navbar-brand" href="#"><b><b>BlissRoms</b></b></a></div>
</div>