pedf
/
spolky
Archived
1
0
Fork 0
Code Pull Requests Releases Activity

Odkrývání podtržení ze strany

Browse Source
master
Emil Miler 4 years ago
parent 519feedde5
commit e47725ae8e
1 changed files with 17 additions and 9 deletions
Show Stats Download Patch File Download Diff File

26
src/routes/index.svelte
Unescape Escape View File

@ -45,10 +45,21 @@
color: #000; color: #000;
} }
.label2 span { .label2 span {
transition: .1s; position: relative;
} }
.label2 span:hover { .label2 span:before {
border-bottom: solid 0.1em #d73648; content: '';
position: absolute;
left: 0;
top: 100%;
width: 100%;
height: 4px;
background: #d73648;
transition: clip-path .2s ease-out;
clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
}
.label2 span:hover:before {
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
} }
.label2 a:hover { .label2 a:hover {
opacity: 1 !important; opacity: 1 !important;
@ -93,9 +104,6 @@
height: 0.7em; height: 0.7em;
position: relative; position: relative;
} }
.label.label2 span a {
padding: 0.5em;
}
.cross:before, .cross:after { .cross:before, .cross:after {
content: ""; content: "";
@ -564,7 +572,7 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<div class="cross bottom-right"></div> <div class="cross bottom-right"></div>
</div> </div>
<div class="label label2" id="prebiram"> <div class="label label2" id="prebiram">
<span style="padding-right: 0.5em"><a href="/prebiram">Přebírám spolek</a></span> <span><a href="/prebiram">Přebírám spolek</a></span>
<div class="cross bottom-left"></div> <div class="cross bottom-left"></div>
</div> </div>
<div class="label label2" id="zapojit"> <div class="label label2" id="zapojit">
@ -572,11 +580,11 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<div class="cross top-right"></div> <div class="cross top-right"></div>
</div> </div>
<div class="label label2" id="zalozit"> <div class="label label2" id="zalozit">
<span style="padding-right: 0.5em"><a href="/zalozit-spolek">Chci založit spolek</a></span> <span><a href="/zalozit-spolek">Chci založit spolek</a></span>
<div class="cross top-left"></div> <div class="cross top-left"></div>
</div> </div>
<div class="label label2" id="oborovky"> <div class="label label2" id="oborovky">
<span style="padding-right: 0.5em"><a href="/oborovky">Chci vědět víc o oborovkách</a></span> <span><a href="/oborovky">Chci vědět víc o oborovkách</a></span>
<div class="cross top-right"></div> <div class="cross top-right"></div>
</div> </div>
</div> </div>