CSS: calendar.day

.day — Một ô ngày (InstUI Calendar.Day); -today, -selected và -outside-month đánh dấu trạng thái của nó.

Sử dụng

@import "@pantoken/components/components.css";
@import "@pantoken/components/calendar.day.css";

Bộ sửa

Bộ sửa	Mô tả
.-outside-month	Một ngày thuộc tháng liền kề (phần đệm ở đầu/cuối).
.-selected	Ngày được chọn.
.-today	Ngày hôm nay.

Token tiêu thụ

Token	Kiểu	Giá trị
--instui-component-calendar-day-background	<color>	LightDarklight-dark(#ffffff, #171B21)
--instui-component-calendar-day-color	<color>	LightDarklight-dark(#273540, #F2F4F5)
--instui-component-calendar-day-font-size	<length>	1rem
--instui-component-calendar-day-height	<length>	2rem
--instui-component-calendar-day-min-width	<length>	2rem
--instui-component-calendar-day-outside-month-color	<color>	LightDarklight-dark(#576773, #AAB0B5)
--instui-component-calendar-day-selected-background	<color>	#037D37
--instui-component-calendar-day-selected-border-radius	<length>	0.75rem
--instui-component-calendar-day-selected-color	<color>	#ffffff
--instui-component-calendar-day-today-background	<color>	LightDarklight-dark(#1D354F, #EEF4FD)
--instui-component-calendar-day-today-border-radius	<length>	999rem
--instui-component-calendar-day-today-color	<color>	LightDarklight-dark(#ffffff, #1C222B)