aboutsummaryrefslogtreecommitdiffstats
path: root/demo/src/sass/components/links.scss
diff options
context:
space:
mode:
Diffstat (limited to 'demo/src/sass/components/links.scss')
-rw-r--r--demo/src/sass/components/links.scss62
1 files changed, 31 insertions, 31 deletions
diff --git a/demo/src/sass/components/links.scss b/demo/src/sass/components/links.scss
index 1d49be3a..92e71931 100644
--- a/demo/src/sass/components/links.scss
+++ b/demo/src/sass/components/links.scss
@@ -4,45 +4,45 @@
// Make a <button> look like an <a>
button.faux-link {
- @extend a; // stylelint-disable-line
- @include cancel-button-styles();
+ @extend a; // stylelint-disable-line
+ @include cancel-button-styles();
}
// Links
a {
- border-bottom: 1px dotted currentColor;
- color: $color-link;
- position: relative;
- text-decoration: none;
- transition: all 0.2s ease;
+ border-bottom: 1px dotted currentColor;
+ color: $color-link;
+ position: relative;
+ text-decoration: none;
+ transition: all 0.2s ease;
- &::after {
- background: currentColor;
- content: '';
- height: 1px;
- left: 50%;
- position: absolute;
- top: 100%;
- transform: translateX(-50%);
- transition: width 0.2s ease;
- width: 0;
- }
+ &::after {
+ background: currentColor;
+ content: '';
+ height: 1px;
+ left: 50%;
+ position: absolute;
+ top: 100%;
+ transform: translateX(-50%);
+ transition: width 0.2s ease;
+ width: 0;
+ }
- &:hover,
- &:focus {
- border-bottom-color: transparent;
- outline: 0;
+ &:hover,
+ &:focus {
+ border-bottom-color: transparent;
+ outline: 0;
- &::after {
- width: 100%;
- }
+ &::after {
+ width: 100%;
}
+ }
- &.tab-focus {
- @include tab-focus();
- }
+ &.tab-focus {
+ @include tab-focus();
+ }
- &.no-border::after {
- display: none;
- }
+ &.no-border::after {
+ display: none;
+ }
}