@duetds/components
Version:
This package includes Duet Core Components and related tools.
44 lines (43 loc) • 1.16 kB
CSS
:host {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
box-sizing: border-box;
background: transparent;
border: 0;
padding: 0;
margin: 0;
display: inline;
}
.duet-link {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
box-sizing: border-box;
background: transparent;
border: 0;
padding: 0;
margin: 0;
text-decoration: underline;
font-style: normal;
display: inline;
transition: 300ms ease;
font-family: "localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-weight: 400;
color: #0077b3;
}
.duet-theme-turva .duet-link, .duet-link.duet-theme-turva {
color: #c60c30;
font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.duet-link:hover {
color: #004d80;
text-decoration: none;
}
.duet-theme-turva .duet-link:hover, .duet-link:hover.duet-theme-turva {
color: #940925;
}
.duet-link:active {
transition: none;
opacity: 0.75;
}