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">
<div class="col-1"></div>
<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('human')}>Humanitní</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 span {
cursor: pointer;
color: #000;
color: #555;
font-size: calc(var(--font-size) / 1.7);
font-weight: bold;
cursor: pointer;
transition: 0.1s;
box-sizing: content-box;
padding: 6px 8px;
}
.horizontal-menu a:hover,
.horizontal-menu span:hover {
border-bottom: solid 2px var(--color-primary);
border: solid 4px var(--color-primary);
opacity: 1 !important;
padding: 2px 4px;
color: var(--color-primary);
}
.horizontal-menu.no-underline span {
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 {
width: 10vw;

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