📊 CSS Analysis Report
Calendar Plantempus - Production CSS Analysis
📈 CSS Statistics by File
| File |
Size |
Lines |
Rules |
Selectors |
Properties |
Colors |
| calendar-base-css.css |
5.14 KB |
242 |
25 |
29 |
107 |
27 |
| calendar-components-css.css |
4.28 KB |
236 |
26 |
36 |
116 |
4 |
| calendar-events-css.css |
6.50 KB |
308 |
41 |
45 |
139 |
4 |
| calendar-layout-css.css |
10.59 KB |
1 |
84 |
84 |
237 |
12 |
| calendar-month-css.css |
6.59 KB |
315 |
51 |
54 |
155 |
10 |
| calendar-popup-css.css |
3.32 KB |
193 |
23 |
31 |
97 |
5 |
| calendar-sliding-animation.css |
0.57 KB |
24 |
3 |
4 |
9 |
0 |
🗑️ Unused CSS by File
test-nesting.css
5 unused rules
Original: 154 | After purge: 0
Show unused selectors
.test-container
.test-container .test-child
:is(.test-container .test-child):hover
.test-container .test-nested
:is(.test-container .test-nested) .deep-nested
calendar-sliding-animation.css
0 unused rules
Original: 588 | After purge: 588
✅ No unused CSS found!
calendar-popup-css.css
5 unused rules
Original: 3023 | After purge: 2939
Show unused selectors
&[data-align="right"]
&[data-align="left"]
&:hover
&:active
&[data-action="close"]:hover
calendar-month-css.css
15 unused rules
Original: 5925 | After purge: 5485
Show unused selectors
.month-event.category-meeting
.month-event.category-deadline
.month-event.category-work
.month-event.category-personal
.month-event.duration-30min
.month-event.duration-1h
.month-event.duration-1h30
.month-event.duration-2h
.month-event.duration-3h
.month-event.duration-4h
swp-calendar[data-view="month"][data-loading="true"] .month-grid
.month-grid.sliding-out-left
.month-grid.sliding-out-right
.month-grid.sliding-in-left
.month-grid.sliding-in-right
calendar-layout-css.css
19 unused rules
Original: 9940 | After purge: 8956
Show unused selectors
-out
swp-day-header[data-today=true]
swp-day-header[data-today=true] swp-day-name
swp-day-header[data-today=true] swp-day-date
swp-resource-avatar img
[data-type=meeting]:is(swp-allday-container swp-allday-event)
[data-type=meal]:is(swp-allday-container swp-allday-event)
[data-type=milestone]:is(swp-allday-container swp-allday-event)
[data-type=personal]:is(swp-allday-container swp-allday-event)
[data-type=deadline]:is(swp-allday-container swp-allday-event)
.highlight[data-type=meeting]:is(swp-allday-container swp-allday-event)
.highlight[data-type=meal]:is(swp-allday-container swp-allday-event)
.highlight[data-type=milestone]:is(swp-allday-container swp-allday-event)
.highlight[data-type=personal]:is(swp-allday-container swp-allday-event)
.highlight[data-type=deadline]:is(swp-allday-container swp-allday-event)
:is(swp-scrollable-content::-webkit-scrollbar-thumb):hover
swp-day-column[data-work-hours=off]
swp-day-column[data-work-hours=off]:after
swp-day-column[data-work-hours=off]:before
calendar-events-css.css
15 unused rules
Original: 4815 | After purge: 4344
Show unused selectors
&[data-type="meeting"]
&[data-type="meal"]
&[data-type="milestone"]
&[data-type="personal"]
&[data-type="deadline"]
&.hover[data-type="meeting"]
&.hover[data-type="meal"]
&.hover[data-type="milestone"]
&.hover[data-type="personal"]
&.hover[data-type="deadline"]
&[data-continues-before="true"]
&[data-continues-after="true"]
&:hover
swp-event[data-stack-link]:not([data-stack-link*='"stackLevel":0'])
swp-event-group[data-stack-link]:not([data-stack-link*='"stackLevel":0']) swp-event
calendar-components-css.css
8 unused rules
Original: 3476 | After purge: 3340
Show unused selectors
&:hover
&:active
&:not(:last-child)
&:hover:not([disabled])
&[disabled]
&:focus
swp-calendar[data-searching="true"]
&[data-search-match="true"]
calendar-base-css.css
4 unused rules
Original: 5066 | After purge: 4888
Show unused selectors
swp-day-columns swp-event.text-selectable swp-day-columns swp-event-title
swp-day-columns swp-event.text-selectable swp-day-columns swp-event-time
:focus
:focus:not(:focus-visible)
💡 Recommendations
- ✅ CSS usage is relatively clean.
- 📦 Consider consolidating similar styles to reduce duplication.
- 🎨 Review color palette - found 62 unique colors across all files.
- 🔄 Implement a build process to automatically remove unused CSS in production.
Report generated: 1.11.2025, 23.12.02