reference page style update

This commit is contained in:
edbrz9 2023-01-05 10:07:16 +01:00
parent 56d1db23de
commit f0aabba070
2 changed files with 42 additions and 4 deletions

View File

@ -1,4 +1,4 @@
span.rnav {
nav.big span.rnav {
display: inline-block;
padding: 10px;
font-size: 2rem;
@ -7,7 +7,7 @@ span.rnav {
cursor: pointer;
}
span.rnav.tagged {
nav.big span.rnav.tagged {
display: inline-block;
background-color: var(--fg);
color: black;
@ -21,4 +21,37 @@ span.rnav.tagged {
section.ritem {
margin-left: 20px;
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 */
}

View File

@ -12,7 +12,7 @@
<main id="root">
<main id="root" class="ref-result-page">
<nav class="big">
<rnav v-bind:tag="tags.arts">Arts</rnav>
@ -34,6 +34,10 @@
</nav>
<section class="refresult">
<ritem v-bind:tags="[tags.code, tags.css]" v-bind:fresh="isFresh" ref="ritems">CSS Reffs</ritem>
@ -51,9 +55,10 @@
tags.tech
]" v-bind:fresh="isFresh" ref="ritems">
Everything is a Remix
<a href="">Everything is a Remix</a>
</ritem>
</section>
</main>