Commit 4ab48f47 authored by Arijit Kundu's avatar Arijit Kundu Committed by Claudio Wunder
Browse files

fix: remove link shown as buttons

parent 0b79bfc8
......@@ -168,30 +168,3 @@ Buttons placed in columns instead of next to each other need to have the same wi
</div>
</div>
~~~
## Links
link buttons behave like regular anchors but they have a special look - they are buttons with no background, borders, or shadows, but they respect buttons colors and have an underline hover effect. Use the `link` class combined with colors.
<br>
<div class="container flex-grow">
<button class="link mr-2 my-2">Link</button>
<button class="link gnome-blue mr-2 my-2">Link</button>
<button class="link red mr-2 my-2">Link</button>
<button class="link orange mr-2 my-2">Link</button>
<button class="link yellow mr-2 my-2">Link</button>
<button class="link green mr-2 my-2">Link</button>
<button class="link white mr-2 my-2">Link</button>
</div>
<br>
~~~html
<div class="container flex-grow">
<button class="link mr-2 my-2">Link</button>
<button class="link gnome-blue mr-2 my-2">Link</button>
<button class="link red mr-2 my-2">Link</button>
<button class="link orange mr-2 my-2">Link</button>
<button class="link yellow mr-2 my-2">Link</button>
<button class="link green mr-2 my-2">Link</button>
<button class="link white mr-2 my-2">Link</button>
</div>
~~~
\ No newline at end of file
......@@ -142,74 +142,3 @@
}
}
}
.link {
@apply bg-transparent;
@apply px-1 font-semibold border-solid border-3 border-transparent;
&:hover,
&:active,
&:focus {
@apply border-b-3 border-black;
}
&.gnome-blue {
@apply text-gnome-blue-500;
&:hover,
&:active,
&:focus {
@apply border-b-3 border-gnome-blue-500;
}
}
&.red {
@apply text-red-500;
&:hover,
&:active,
&:focus {
@apply border-b-3 border-red-500;
}
}
&.orange {
@apply text-orange-500;
&:hover,
&:active,
&:focus {
@apply border-b-3 border-orange-500;
}
}
&.yellow {
@apply text-yellow-500;
&:hover,
&:active,
&:focus {
@apply border-b-3 border-yellow-500;
}
}
&.green {
@apply text-green-500;
&:hover,
&:active,
&:focus {
@apply border-b-3 border-green-500;
}
}
&.white {
@apply text-white;
&:hover,
&:active,
&:focus {
@apply border-b-3 border-white;
}
}
}
\ No newline at end of file
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment