Skip to content

Commit f6536d4

Browse files
committed
add mixin for full size (100%) icon
1 parent e9a80e3 commit f6536d4

File tree

3 files changed

+7
-4
lines changed

3 files changed

+7
-4
lines changed

src-ts/lib/styles/mixins/_icons.mixins.scss

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -40,6 +40,11 @@
4040
width: $space-mxx;
4141
}
4242

43+
@mixin icon-full {
44+
height: 100%;
45+
width: 100%;
46+
}
47+
4348
@mixin icon-size($size) {
4449
height: $size * 1px;
4550
width: $size * 1px;

src-ts/tools/learn/learn-lib/course-outline/status-icon/StatusIcon.module.scss

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,6 @@
44
@include icon-size(26);
55
flex: 0 0 auto;
66
svg {
7-
width: 100%;
8-
height: 100%;
7+
@include icon-full;
98
}
109
}

src-ts/tools/learn/learn-lib/course-outline/step-icon/StepIcon.module.scss

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -22,8 +22,7 @@
2222
background: $black-40;
2323

2424
> svg {
25-
height: 100%;
26-
width: 100%;
25+
@include icon-full;
2726
margin: -1 * $border;
2827
}
2928
}

0 commit comments

Comments
 (0)