pedf
/
spolky
Archived
1
0
Fork 0

Položky v navigaci podle návrhu

master
Emil Miler 4 years ago
parent 4c069315b9
commit 0c2e52fe00

@ -43,7 +43,7 @@
<section class="row" style="margin-top: 5vh"> <section class="row" style="margin-top: 5vh">
<div class="col-1"></div> <div class="col-1"></div>
<div class="col flexy-boi"> <div class="col flexy-boi">
<div class="horizontal-menu no-underline" style="position: relative; text-decoration: none !important; font-weight: 900;"> <div class="horizontal-menu no-underline" style="position: relative; text-decoration: none !important;">
<span style="font-size: calc(var(--font-size) / 1.6)" on:click|preventDefault={() => click('hudba')}>Hudba</span> <span style="font-size: calc(var(--font-size) / 1.6)" on:click|preventDefault={() => click('hudba')}>Hudba</span>
<span style="font-size: calc(var(--font-size) / 1.6)" on:click|preventDefault={() => click('human')}>Humanitní</span> <span style="font-size: calc(var(--font-size) / 1.6)" on:click|preventDefault={() => click('human')}>Humanitní</span>
<span style="font-size: calc(var(--font-size) / 1.6)" on:click|preventDefault={() => click('jazyky')}>Jazyky</span> <span style="font-size: calc(var(--font-size) / 1.6)" on:click|preventDefault={() => click('jazyky')}>Jazyky</span>

@ -124,28 +124,22 @@ canvas {
.horizontal-menu a, .horizontal-menu a,
.horizontal-menu span { .horizontal-menu span {
cursor: pointer; cursor: pointer;
color: #000; color: #555;
font-size: calc(var(--font-size) / 1.7); font-size: calc(var(--font-size) / 1.7);
font-weight: bold;
cursor: pointer; cursor: pointer;
transition: 0.1s;
box-sizing: content-box; box-sizing: content-box;
padding: 6px 8px;
} }
.horizontal-menu a:hover, .horizontal-menu a:hover,
.horizontal-menu span:hover { .horizontal-menu span:hover {
border-bottom: solid 2px var(--color-primary); border: solid 4px var(--color-primary);
opacity: 1 !important; opacity: 1 !important;
padding: 2px 4px;
color: var(--color-primary);
} }
.horizontal-menu.no-underline span { .horizontal-menu.no-underline span {
text-decoration: none !important; text-decoration: none !important;
color: #000;
font-size: calc(var(--font-size) / 1.7);
cursor: pointer;
transition: 0.1s;
box-sizing: content-box;
}
.horizontal-menu.no-underline span:hover {
border-bottom: solid 2px var(--color-primary);
opacity: 1 !important;
} }
.thing-hr { .thing-hr {
width: 10vw; width: 10vw;

@ -120,25 +120,20 @@ body > canvas
min-height: 3em; min-height: 3em;
& a, & span & a, & span
cursor pointer cursor pointer
color: #000 color: #555
font-size calc(var(--font-size) / 1.7) font-size calc(var(--font-size) / 1.7)
font-weight: bold
cursor pointer cursor pointer
transition .1s
box-sizing: content-box box-sizing: content-box
padding: 6px 8px
&:hover &:hover
border-bottom: solid 2px var(--color-primary) border: solid 4px var(--color-primary)
opacity: 1 !important opacity: 1 !important
padding: 2px 4px
color: var(--color-primary)
&.no-underline span &.no-underline span
text-decoration none !important text-decoration none !important
color: #000
font-size calc(var(--font-size) / 1.7)
cursor pointer
transition .1s
box-sizing: content-box
&:hover
border-bottom: solid 2px var(--color-primary)
opacity: 1 !important
.thing-hr .thing-hr
width: 10vw; width: 10vw;
height: 0.6vh; height: 0.6vh;