comic-plus
Version:
<p align="center"> <img width="200px" src="./logo.png"/> </p>
1 lines • 2.78 kB
CSS
.cu-calendar{font-size:14px;color:var(--cu-text-color);--cu-calendar-td-height:80px;--cu-calendar-th-height:40px}.cu-calendar.large{--cu-calendar-td-height:100px;--cu-calendar-th-height:52px}.cu-calendar.small{--cu-calendar-td-height:60px;--cu-calendar-th-height:32px}.cu-calendar.small .cu-calendar__th{font-size:14px}.cu-calendar__header{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;border-bottom:1px solid var(--cu-border-color)}.cu-calendar__table{width:100%;padding:10px 20px 20px;table-layout:fixed}.cu-calendar__th{height:var(--cu-calendar-th-height);font-size:16px;font-weight:400;transition:height .2s}.cu-calendar__tbody .cu-calendar__tr:first-child .cu-calendar__td{border-top:1px solid var(--cu-border-color)}.cu-calendar__tbody .cu-calendar__tr .cu-calendar__td:first-child{border-left:1px solid var(--cu-border-color)}.cu-calendar__td{height:var(--cu-calendar-td-height);border-right:1px solid var(--cu-border-color);border-bottom:1px solid var(--cu-border-color);transition:height .2s}.cu-calendar__td.is-next,.cu-calendar__td.is-prev{color:var(--cu-text-color-light6)}.cu-calendar__td.is-today .cu-calendar__cell{background-color:var(--cu-color-primary-light9);color:var(--cu-color-primary)}.cu-calendar__cell{width:100%;height:100%;padding:8px;cursor:pointer;transition:all 240ms ease-in-out}.cu-calendar__cell:hover{background-color:var(--cu-background-color-light)}.cu-calendar__schedules{list-style:none;margin:0;padding:0;margin:0 -9px}.cu-calendar__schedules li{height:20px;margin-top:4px;color:#fff;border-top:1px solid var(--cu-border-color);border-bottom:1px solid var(--cu-border-color)}.cu-calendar__schedules li.is-start{margin-left:4px;border-top-left-radius:4px;border-bottom-left-radius:4px;border-left:1px solid var(--cu-border-color)}.cu-calendar__schedules li.is-end{margin-right:4px;border-top-right-radius:4px;border-bottom-right-radius:4px;border-right:1px solid var(--cu-border-color)}.cu-calendar--floatCard{transition:transform .1s ease;max-width:300px;background-color:#fff;border-radius:var(--cu-border-radius);pointer-events:none;box-shadow:0 0 1px #c8c8c8,0 2px 8px rgba(0,0,0,.12),0 0 8px rgba(0,0,0,.04);overflow:hidden}.cu-calendar--floatCard .floatCard__container{padding:8px 10px;border-radius:inherit;border:1px solid var(--cu-border-color);color:var(--card-color,var(--cu-text-color));position:relative;background-color:color-mix(in srgb,var(--card-color),#fff 90%);overflow:hidden}.cu-calendar--floatCard .floatCard__container::after{content:'';display:block;position:absolute;left:0;top:0;width:4px;height:100%;background-color:var(--card-color)}.cu-calendar--floatCard .floatCard__content{font-size:14px}.cu-calendar--floatCard .floatCard__time{margin-top:8px;font-size:12px;text-align:right}