fxa/packages/fxa-react/styles/links.css

36 строки
947 B
CSS

/* This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
.link-blue {
@apply underline text-blue-500 rounded-sm
focus:shadow-input-blue-focus
focus-visible:shadow-input-blue-focus
focus-visible:outline-none
active:text-blue-700;
}
.link-grey {
@apply underline text-grey-500 rounded-sm
focus:shadow-input-grey-focus
focus-visible:shadow-input-grey-focus
focus-visible:outline-none
active:text-grey-700;
}
.link-white {
@apply underline text-white rounded-sm focus:shadow-input-grey-focus focus-visible:shadow-input-grey-focus focus-visible:outline-none active:text-grey-200;
}
@media (hover: hover) {
.link-blue:hover {
@apply text-blue-600;
}
.link-grey:hover {
@apply text-grey-600;
}
.link-white:hover {
@apply text-grey-100;
}
}