Skip to content

Commit d7ba03b

Browse files
committed
Simplify
1 parent eb19c44 commit d7ba03b

File tree

2 files changed

+9
-24
lines changed

2 files changed

+9
-24
lines changed

media/css/m24/components/footer-newsletter.scss

Lines changed: 1 addition & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -4,10 +4,6 @@
44

55
@use '../vars/lib' as *;
66

7-
@mixin divider-line {
8-
border-bottom: $border-width solid $m24-color-light-gray;
9-
}
10-
117
// hide details for JS users
128
// (displayed when email field is focused)
139
.js .mzp-c-newsletter-details {
@@ -23,7 +19,7 @@
2319
}
2420

2521
.moz24-newsletter-wrapper {
26-
@include divider-line;
22+
border-bottom: $border-width solid $m24-color-light-gray;
2723
align-items: start;
2824
display: flex;
2925
flex-direction: column;

media/css/m24/components/footer-refresh.scss

Lines changed: 8 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -4,10 +4,6 @@
44

55
@use '../vars/lib' as *;
66

7-
@mixin divider-line {
8-
border-bottom: $border-width solid $m24-color-light-gray;
9-
}
10-
117
// whole footer
128
.moz24-footer {
139
@include invert-colors;
@@ -182,22 +178,20 @@
182178
a:link,
183179
a:visited {
184180
text-decoration: none;
185-
position: relative;
186181
color: $m24-color-black;
187-
font-weight: 400;
188-
}
189182

190-
a:link:hover,
191-
a:visited:hover {
192-
text-decoration: underline;
193-
text-underline-offset: 0.1em;
194-
color: $m24-color-black;
183+
&:hover {
184+
text-decoration: underline;
185+
text-decoration-thickness: 1px;
186+
text-underline-offset: 0.1em;
187+
color: $m24-color-black;
188+
}
195189
}
196190
}
197191

198192
// actions section
199193
.moz24-footer-actions {
200-
@include divider-line;
194+
border-bottom: $border-width solid $m24-color-light-gray;
201195
padding-bottom: $spacer-lg;
202196
margin-bottom: $spacer-lg;
203197
display: flex;
@@ -356,15 +350,11 @@
356350
margin-bottom: 0;
357351
}
358352

359-
a {
360-
display: inline-block;
361-
}
362-
363-
a,
364353
a:link,
365354
a:visited {
366355
color: $m24-color-black;
367356
font-weight: 600;
357+
display: inline-block;
368358
}
369359
}
370360

@@ -385,7 +375,6 @@
385375
}
386376
}
387377

388-
a,
389378
a:link,
390379
a:visited {
391380
color: $m24-color-black;

0 commit comments

Comments
 (0)