replace header selector by header-link
This commit is contained in:
parent
2cf4eaadf6
commit
1146524b5b
|
|
@ -6,22 +6,18 @@
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|
||||||
&--header {
|
&--header-link {
|
||||||
display: flex;
|
display: flex;
|
||||||
color: var(--color-on-dark);
|
color: var(--color-on-dark);
|
||||||
background: var(--background-red);
|
background: var(--background-red);
|
||||||
padding: var(--space-small) var(--space-medium);
|
padding: var(--space-small) var(--space-medium);
|
||||||
align-items: center;
|
align-items: center;
|
||||||
gap: var(--space-small);
|
gap: var(--space-small);
|
||||||
|
text-decoration: none;
|
||||||
|
|
||||||
@media($mobile-breakpoint) {
|
@media($mobile-breakpoint) {
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
&--header-link {
|
|
||||||
@extend .news--header;
|
|
||||||
text-decoration: none;
|
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
opacity: 1.0;
|
opacity: 1.0;
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue