on master help sign in
Increased selectors for non-inheritance on search
commit496199e7c460c86b0269284a70476b5bfb500500 authorMatilde Park <matilde@tlon.io> dateMon 9 Sep 2019, 22:34 (7 years ago) parentf17f31f
2 files changed+10−4
sass/_main.scss+8−2 templates/partials/search-overlay.html+2−2
sass/_main.scss+8−2
@@ -115,18 +115,24 @@ body.essay {
115115 max-width: 95vw;
116116 }
117117 &:not(.bg-white) {
118− * {
118+ *:not(.search-overlay, nav span) {
119119 color: inherit;
120120 }
121121 p a {
122122 border-bottom: 1px solid;
123123 }
124124 nav span, nav a:not(.section) {
125− color: rgba(125,125,125,0.4);
125+ color: rgba(175,175,175,0.4);
126126 }
127127 nav a.section {
128128 color: inherit;
129129 }
130+ // We want the search to not inherit the colors from custom styles
131+ // on essays. Thus, *very selective styles*.
132+ .search-overlay, #search-results ul.search-results__items li a,
133+ #search-results ul.search-results__items li span {
134+ color: black;
135+ }
130136 }
131137 img {
132138 display: block;
templates/partials/search-overlay.html+2−2
@@ -1,10 +1,10 @@
11{% block content %}
2−<nav id="search-overlay" class="search-overlay fixed w-100 full b-transparent z-999 dn">
2+<nav id="search-overlay" class="search-overlay black fixed w-100 full b-transparent z-999 dn">
33 <div class="wrapper">
44 <div id="search-window" class="pop-up">
55 <div class="search-bar pa0 bw0 z-1 di items-center flex w-100">
66 <span class="header__search-icon ml3 absolute z-1 f5 gray3">⚲</span>
7− <form id="search-form" class="w-100"><input id="search" autocomplete="off" type="search" class="search-bar__input bw0" placeholder="Go to..."></form>
7+ <form id="search-form" class="w-100"><input id="search" autocomplete="off" type="search" class="search-bar__input bw0 black" placeholder="Go to..."></form>
88 <a id="search-reset" class="f6 pr3 gray3 no-underline pointer:hover">&#57503;</a>
99 </div>
1010 <div id="search-results" class="search-results bt-1 b-gray3 w-100">