<button type="button" class="btn btn-link">Link</button>
<button type="button" class="btn btn-link">Link</button>
/* _buttons.scss:80 */
.btn-link {
font-weight: $font-weight-normal;
color: $link-color;
background-color: transparent;
@include hover {
color: $link-hover-color;
text-decoration: $link-hover-decoration;
background-color: transparent;
border-color: transparent;
}
&:focus,
&.focus {
text-decoration: $link-hover-decoration;
border-color: transparent;
box-shadow: none;
}
&:disabled,
&.disabled {
color: $btn-link-disabled-color;
pointer-events: none;
}
// No need for an active state here
}
Click one of the examples listed below to open the Shuffle Visual Editor with the UI library that uses the selected component.
© 2024 Shuffle. All rights reserved.