Refactor calendar CSS for version 2

Consolidates and optimizes CSS files for calendar v2
Reduces CSS files from 8 to 4, improving project structure
Minimizes unused CSS rules and improves overall CSS efficiency

Simplifies PurgeCSS configuration and content targeting
This commit is contained in:
Janus C. H. Knudsen 2025-12-11 00:15:13 +01:00
parent 67b59e0993
commit 4e22fbc948
5 changed files with 156 additions and 421 deletions

View file

@ -1,128 +1,65 @@
{
"calendar-base-css.css": {
"lines": 242,
"size": "5.14 KB",
"sizeBytes": 5267,
"rules": 25,
"selectors": 29,
"properties": 107,
"uniqueColors": 27,
"calendar-v2.css": {
"lines": 7,
"size": "0.18 KB",
"sizeBytes": 186,
"rules": 0,
"selectors": 0,
"properties": 1,
"uniqueColors": 0,
"colors": [],
"mediaQueries": 0
},
"calendar-v2-base.css": {
"lines": 67,
"size": "1.66 KB",
"sizeBytes": 1701,
"rules": 3,
"selectors": 3,
"properties": 47,
"uniqueColors": 32,
"colors": [
"#2196f3",
"#ff9800",
"#4caf50",
"#f44336",
"#e0e0e0",
"rgba(0, 0, 0, 0.05)",
"rgba(0, 0, 0, 0.2)",
"rgba(255, 255, 255, 0.9)",
"#ff0000",
"#e8f5e8"
"#fff",
"#f5f5f5",
"#f0f0f0",
"#fafafa",
"#333333",
"#666",
"#1976d2",
"#e3f2fd",
"#1565c0"
],
"mediaQueries": 0
},
"calendar-components-css.css": {
"lines": 236,
"size": "4.28 KB",
"sizeBytes": 4381,
"rules": 26,
"selectors": 36,
"properties": 116,
"uniqueColors": 4,
"colors": [
"rgba(0, 0, 0, 0.05)",
"rgba(0, 0, 0, 0.1)",
"rgba(33, 150, 243, 0.05)",
"rgba(33, 150, 243, 0.3)"
],
"mediaQueries": 0
},
"calendar-events-css.css": {
"calendar-v2-layout.css": {
"lines": 308,
"size": "6.50 KB",
"sizeBytes": 6657,
"rules": 41,
"selectors": 45,
"properties": 139,
"uniqueColors": 4,
"size": "6.39 KB",
"sizeBytes": 6548,
"rules": 38,
"selectors": 48,
"properties": 153,
"uniqueColors": 1,
"colors": [
"rgba(0, 0, 0, 0.05)"
],
"mediaQueries": 0
},
"calendar-v2-events.css": {
"lines": 383,
"size": "8.77 KB",
"sizeBytes": 8977,
"rules": 54,
"selectors": 62,
"properties": 196,
"uniqueColors": 5,
"colors": [
"rgba(0, 0, 0, 0.15)",
"rgba(255, 255, 255, 0.9)",
"rgba(0, 0, 0, 0.2)",
"rgba(33, 150, 243, 0.1)",
"rgba(0, 0, 0, 0.1)"
],
"mediaQueries": 0
},
"calendar-layout-css.css": {
"lines": 1,
"size": "10.59 KB",
"sizeBytes": 10840,
"rules": 84,
"selectors": 84,
"properties": 237,
"uniqueColors": 12,
"colors": [
"#666",
"rgba(0,0,0,.05)",
"#000",
"rgba(33,150,243,.1)",
"#08f",
"#fff",
"#e0e0e0",
"#999",
"#d0d0d0",
"#333"
],
"mediaQueries": 0
},
"calendar-month-css.css": {
"lines": 315,
"size": "6.59 KB",
"sizeBytes": 6749,
"rules": 51,
"selectors": 54,
"properties": 155,
"uniqueColors": 10,
"colors": [
"#f0f8ff",
"#fafbfc",
"#e3f2fd",
"#e8f5e8",
"#ffebee",
"#fff8e1",
"#f3e5f5",
"#7b1fa2",
"#9c27b0",
"rgba(33, 150, 243, 0.7)"
],
"mediaQueries": 1
},
"calendar-popup-css.css": {
"lines": 193,
"size": "3.32 KB",
"sizeBytes": 3399,
"rules": 23,
"selectors": 31,
"properties": 97,
"uniqueColors": 5,
"colors": [
"#f9f5f0",
"rgba(0, 0, 0, 0.1)",
"rgba(0, 0, 0, 0.05)",
"rgba(255, 255, 255, 0.9)",
"#f3f3f3"
],
"mediaQueries": 1
},
"calendar-sliding-animation.css": {
"lines": 24,
"size": "0.57 KB",
"sizeBytes": 588,
"rules": 3,
"selectors": 4,
"properties": 9,
"uniqueColors": 0,
"colors": [],
"mediaQueries": 1
}
}