Skip to content

Commit 1afaf65

Browse files
authored
feat(calendar): add size variations
This PR adds classic size variations for the calendar module. I've tested it and so far didn't found any issue, but i'm a little bit rusted.
1 parent 09d0671 commit 1afaf65

File tree

2 files changed

+30
-0
lines changed

2 files changed

+30
-0
lines changed

src/definitions/modules/calendar.less

Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -196,6 +196,35 @@
196196
}
197197
}
198198

199+
/* --------------------
200+
Sizes
201+
--------------------- */
202+
203+
& when not (@variationCalendarSizes = false) {
204+
each(@variationCalendarSizes, {
205+
@s: @@value;
206+
.ui.@{value}.calendar,
207+
.ui.@{value}.calendar .ui.table tr th,
208+
.ui.@{value}.calendar .ui.table tr td {
209+
font-size: @s;
210+
}
211+
.ui.@{value}.calendar .ui.table.year,
212+
.ui.@{value}.calendar .ui.table.month,
213+
.ui.@{value}.calendar .ui.table.minute {
214+
min-width: unit(15 * @s, em);
215+
}
216+
.ui.@{value}.calendar .ui.table.day {
217+
min-width: unit(18 * @s, em);
218+
}
219+
.ui.@{value}.calendar .ui.table.day.andweek {
220+
min-width: unit(22 * @s, em);
221+
}
222+
.ui.@{value}.calendar .ui.table.hour {
223+
min-width: unit(20 * @s, em);
224+
}
225+
});
226+
}
227+
199228
/*******************************
200229
States
201230
*******************************/

src/themes/default/globals/variation.variables

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -519,6 +519,7 @@
519519
@variationCalendarInverted: true;
520520
@variationCalendarDisabled: true;
521521
@variationCalendarMultiMonth: true;
522+
@variationCalendarSizes: @variationAllSizes;
522523

523524
/* Checkbox */
524525
@variationCheckboxDisabled: true;

0 commit comments

Comments
 (0)