Skip to content
This repository was archived by the owner on Jan 13, 2025. It is now read-only.

Commit 3d99131

Browse files
committed
Moved styles out of mixin.
1 parent 245f9f7 commit 3d99131

File tree

1 file changed

+11
-15
lines changed

1 file changed

+11
-15
lines changed

packages/mdc-fab/_mixins.scss

Lines changed: 11 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -57,14 +57,21 @@ $mdc-fab-ripple-target: ".mdc-fab__ripple";
5757
@include mdc-fab--mini_($query: $query);
5858
}
5959

60-
.mdc-fab--touch {
61-
@include mdc-fab--touch_($query: $query);
62-
}
63-
6460
.mdc-fab--extended {
6561
@include mdc-fab--extended_($query: $query);
6662
}
6763

64+
.mdc-fab--touch {
65+
@include mdc-touch-target-component(
66+
$component-height: $mdc-fab-mini-height,
67+
$component-width: $mdc-fab-mini-height,
68+
$query: $query);
69+
70+
.mdc-fab__touch {
71+
@include mdc-touch-target($set-width: true, $query: $query);
72+
}
73+
}
74+
6875
.mdc-fab__label {
6976
@include mdc-fab--label_($query: $query);
7077
}
@@ -312,17 +319,6 @@ $mdc-fab-icon-enter-duration_: 180ms;
312319
}
313320
}
314321

315-
@mixin mdc-fab--touch_($query: mdc-feature-all()) {
316-
@include mdc-touch-target-component(
317-
$component-height: $mdc-fab-mini-height,
318-
$component-width: $mdc-fab-mini-height,
319-
$query: $query);
320-
321-
.mdc-fab__touch {
322-
@include mdc-touch-target($set-width: true, $query: $query);
323-
}
324-
}
325-
326322
@mixin mdc-fab--extended_($query: mdc-feature-all()) {
327323
@include mdc-typography(button, $query: $query);
328324
@include mdc-fab-extended-shape-radius(50%, $query: $query);

0 commit comments

Comments
 (0)