reference page style update
This commit is contained in:
parent
56d1db23de
commit
f0aabba070
|
@ -1,4 +1,4 @@
|
||||||
span.rnav {
|
nav.big span.rnav {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
font-size: 2rem;
|
font-size: 2rem;
|
||||||
|
@ -7,7 +7,7 @@ span.rnav {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
span.rnav.tagged {
|
nav.big span.rnav.tagged {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
background-color: var(--fg);
|
background-color: var(--fg);
|
||||||
color: black;
|
color: black;
|
||||||
|
@ -21,4 +21,37 @@ span.rnav.tagged {
|
||||||
section.ritem {
|
section.ritem {
|
||||||
margin-left: 20px;
|
margin-left: 20px;
|
||||||
font-size: 1.3rem;
|
font-size: 1.3rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav.second span.rnav {
|
||||||
|
display: inline-block;
|
||||||
|
padding: 5px;
|
||||||
|
font-size: 1.3rem;
|
||||||
|
border: 5px solid;
|
||||||
|
margin-left: 20px;
|
||||||
|
margin-right: 0px;
|
||||||
|
margin-top: 10px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav.second span.rnav.tagged {
|
||||||
|
display: inline-block;
|
||||||
|
background-color: var(--fg);
|
||||||
|
color: black;
|
||||||
|
mix-blend-mode:lighten;
|
||||||
|
border: 5px solid;
|
||||||
|
opacity: 1;
|
||||||
|
padding: 10px;
|
||||||
|
margin-left: 15px;
|
||||||
|
margin-right: -5px;
|
||||||
|
margin-top: 5px;
|
||||||
|
margin-bottom: 5px;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
span.rnav {
|
||||||
|
-webkit-user-select: none; /* Safari */
|
||||||
|
-ms-user-select: none; /* IE 10 and IE 11 */
|
||||||
|
user-select: none; /* Standard syntax */
|
||||||
}
|
}
|
|
@ -12,7 +12,7 @@
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<main id="root">
|
<main id="root" class="ref-result-page">
|
||||||
|
|
||||||
<nav class="big">
|
<nav class="big">
|
||||||
<rnav v-bind:tag="tags.arts">Arts</rnav>
|
<rnav v-bind:tag="tags.arts">Arts</rnav>
|
||||||
|
@ -34,6 +34,10 @@
|
||||||
|
|
||||||
</nav>
|
</nav>
|
||||||
|
|
||||||
|
<section class="refresult">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<ritem v-bind:tags="[tags.code, tags.css]" v-bind:fresh="isFresh" ref="ritems">CSS Reffs</ritem>
|
<ritem v-bind:tags="[tags.code, tags.css]" v-bind:fresh="isFresh" ref="ritems">CSS Reffs</ritem>
|
||||||
|
|
||||||
|
@ -51,9 +55,10 @@
|
||||||
tags.tech
|
tags.tech
|
||||||
]" v-bind:fresh="isFresh" ref="ritems">
|
]" v-bind:fresh="isFresh" ref="ritems">
|
||||||
|
|
||||||
Everything is a Remix
|
<a href="">Everything is a Remix</a>
|
||||||
|
|
||||||
</ritem>
|
</ritem>
|
||||||
|
</section>
|
||||||
|
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue