consul/grecia
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Extract mixin to use links with the text color

Browse Source
This commit is contained in:
Javi Martín
2022-10-12 15:13:41 +02:00
parent 33eea0b21a
commit 0be0f459ab
2 changed files with 11 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
app/assets/stylesheets/layout.scss
View File

@@ -254,15 +254,11 @@ button,
} }
a { a {
color: inherit; @include text-colored-link;
display: inline-block; display: inline-block;
font-weight: bold; font-weight: bold;
position: relative; position: relative;
text-align: left; text-align: left;
&:hover {
color: $link;
}
} }
+ li { + li {
@@ -844,7 +840,7 @@ body > header,
margin-bottom: $line-height / 2; margin-bottom: $line-height / 2;
a { a {
color: inherit; @include text-colored-link;
display: inline-block; display: inline-block;
font-weight: bold; font-weight: bold;
margin-right: $line-height / 2; margin-right: $line-height / 2;
@@ -854,10 +850,6 @@ body > header,
@include breakpoint(medium) { @include breakpoint(medium) {
margin-right: $line-height; margin-right: $line-height;
} }
&:hover {
color: $link;
}
} }
.is-active { .is-active {
@@ -1359,11 +1351,7 @@ form {
} }
.notification-link { .notification-link {
color: inherit; @include text-colored-link;
&:hover {
color: $link;
}
} }
&:hover { &:hover {

8
app/assets/stylesheets/mixins/buttons.scss
View File

@@ -41,6 +41,14 @@
} }
} }
@mixin text-colored-link {
color: inherit;
&:hover {
color: $link;
}
}
@mixin switch { @mixin switch {
@include regular-button; @include regular-button;
border-radius: $line-height; border-radius: $line-height;