Reorganizes and optimizes shared CSS components
Consolidates UI components into a centralized components.css file Removes duplicate styles across multiple CSS files Adds utility classes in a new utilities.css file Reduces overall CSS complexity and improves maintainability Removes quick-stats.css and redistributes its styles Updates layout and stylesheet references accordingly
This commit is contained in:
Janus C. H. Knudsen
parent
15579acba8
commit
2e6207bb0b
33 changed files with 971 additions and 796 deletions
|
|
@ -1,26 +1,26 @@
|
|||
{
|
||||
"account.css": {
|
||||
"lines": 402,
|
||||
"size": "8.83 KB",
|
||||
"sizeBytes": 9037,
|
||||
"rules": 60,
|
||||
"selectors": 63,
|
||||
"properties": 173,
|
||||
"uniqueColors": 13,
|
||||
"lines": 335,
|
||||
"size": "7.31 KB",
|
||||
"sizeBytes": 7485,
|
||||
"rules": 47,
|
||||
"selectors": 50,
|
||||
"properties": 146,
|
||||
"uniqueColors": 12,
|
||||
"colors": [
|
||||
"var(--color-text)",
|
||||
"var(--color-teal)",
|
||||
"var(--color-background-alt)",
|
||||
"var(--color-text-secondary)",
|
||||
"var(--color-surface)",
|
||||
"var(--color-purple)",
|
||||
"var(--color-amber)",
|
||||
"rgba(0, 0, 0, 0.08)",
|
||||
"var(--color-background-alt)",
|
||||
"var(--color-border)",
|
||||
"var(--color-blue)"
|
||||
"var(--color-blue)",
|
||||
"var(--color-text-secondary)",
|
||||
"var(--color-background-hover)",
|
||||
"var(--color-green)"
|
||||
],
|
||||
"mediaQueries": 3,
|
||||
"cssVariables": 31
|
||||
"cssVariables": 30
|
||||
},
|
||||
"app-layout.css": {
|
||||
"lines": 51,
|
||||
|
|
@ -59,13 +59,13 @@
|
|||
"cssVariables": 15
|
||||
},
|
||||
"auth.css": {
|
||||
"lines": 1144,
|
||||
"size": "23.66 KB",
|
||||
"sizeBytes": 24232,
|
||||
"rules": 169,
|
||||
"selectors": 173,
|
||||
"properties": 571,
|
||||
"uniqueColors": 17,
|
||||
"lines": 994,
|
||||
"size": "20.41 KB",
|
||||
"sizeBytes": 20895,
|
||||
"rules": 145,
|
||||
"selectors": 149,
|
||||
"properties": 488,
|
||||
"uniqueColors": 15,
|
||||
"colors": [
|
||||
"var(--color-teal)",
|
||||
"#00695c",
|
||||
|
|
@ -74,12 +74,12 @@
|
|||
"var(--color-background)",
|
||||
"var(--color-text)",
|
||||
"var(--color-text-secondary)",
|
||||
"var(--color-surface)",
|
||||
"var(--color-border)",
|
||||
"var(--color-purple)"
|
||||
"var(--color-purple)",
|
||||
"var(--color-green)",
|
||||
"var(--color-surface)"
|
||||
],
|
||||
"mediaQueries": 3,
|
||||
"cssVariables": 46
|
||||
"cssVariables": 43
|
||||
},
|
||||
"base.css": {
|
||||
"lines": 119,
|
||||
|
|
@ -99,9 +99,9 @@
|
|||
"cssVariables": 8
|
||||
},
|
||||
"bookings.css": {
|
||||
"lines": 176,
|
||||
"size": "4.27 KB",
|
||||
"sizeBytes": 4369,
|
||||
"lines": 177,
|
||||
"size": "4.34 KB",
|
||||
"sizeBytes": 4443,
|
||||
"rules": 28,
|
||||
"selectors": 28,
|
||||
"properties": 75,
|
||||
|
|
@ -122,13 +122,13 @@
|
|||
"cssVariables": 27
|
||||
},
|
||||
"cash.css": {
|
||||
"lines": 898,
|
||||
"size": "19.38 KB",
|
||||
"sizeBytes": 19850,
|
||||
"rules": 132,
|
||||
"selectors": 135,
|
||||
"properties": 415,
|
||||
"uniqueColors": 14,
|
||||
"lines": 782,
|
||||
"size": "16.75 KB",
|
||||
"sizeBytes": 17155,
|
||||
"rules": 114,
|
||||
"selectors": 117,
|
||||
"properties": 359,
|
||||
"uniqueColors": 12,
|
||||
"colors": [
|
||||
"var(--color-surface)",
|
||||
"var(--color-border)",
|
||||
|
|
@ -142,7 +142,30 @@
|
|||
"var(--color-background-hover)"
|
||||
],
|
||||
"mediaQueries": 3,
|
||||
"cssVariables": 42
|
||||
"cssVariables": 39
|
||||
},
|
||||
"components.css": {
|
||||
"lines": 426,
|
||||
"size": "9.23 KB",
|
||||
"sizeBytes": 9447,
|
||||
"rules": 63,
|
||||
"selectors": 63,
|
||||
"properties": 185,
|
||||
"uniqueColors": 16,
|
||||
"colors": [
|
||||
"var(--color-teal)",
|
||||
"#00796b",
|
||||
"var(--color-border)",
|
||||
"var(--color-surface)",
|
||||
"var(--color-text)",
|
||||
"var(--color-background-hover)",
|
||||
"var(--color-text-secondary)",
|
||||
"var(--color-purple)",
|
||||
"var(--color-background)",
|
||||
"var(--color-text-muted)"
|
||||
],
|
||||
"mediaQueries": 0,
|
||||
"cssVariables": 39
|
||||
},
|
||||
"controls.css": {
|
||||
"lines": 149,
|
||||
|
|
@ -251,12 +274,12 @@
|
|||
"cssVariables": 32
|
||||
},
|
||||
"employees.css": {
|
||||
"lines": 722,
|
||||
"size": "15.55 KB",
|
||||
"sizeBytes": 15923,
|
||||
"rules": 105,
|
||||
"selectors": 108,
|
||||
"properties": 345,
|
||||
"lines": 694,
|
||||
"size": "15.02 KB",
|
||||
"sizeBytes": 15383,
|
||||
"rules": 100,
|
||||
"selectors": 103,
|
||||
"properties": 327,
|
||||
"uniqueColors": 15,
|
||||
"colors": [
|
||||
"var(--color-text-secondary)",
|
||||
|
|
@ -264,11 +287,11 @@
|
|||
"var(--color-border)",
|
||||
"var(--color-teal)",
|
||||
"var(--color-surface)",
|
||||
"rgba(0, 0, 0, 0.08)",
|
||||
"var(--color-background-alt)",
|
||||
"var(--color-background-hover)",
|
||||
"var(--color-purple)",
|
||||
"var(--color-blue)"
|
||||
"var(--color-blue)",
|
||||
"var(--color-amber)"
|
||||
],
|
||||
"mediaQueries": 3,
|
||||
"cssVariables": 37
|
||||
|
|
@ -291,41 +314,25 @@
|
|||
"cssVariables": 8
|
||||
},
|
||||
"page.css": {
|
||||
"lines": 276,
|
||||
"size": "6.00 KB",
|
||||
"sizeBytes": 6141,
|
||||
"rules": 38,
|
||||
"selectors": 40,
|
||||
"properties": 117,
|
||||
"lines": 231,
|
||||
"size": "5.07 KB",
|
||||
"sizeBytes": 5194,
|
||||
"rules": 31,
|
||||
"selectors": 33,
|
||||
"properties": 92,
|
||||
"uniqueColors": 8,
|
||||
"colors": [
|
||||
"var(--color-surface)",
|
||||
"var(--color-border)",
|
||||
"var(--color-text)",
|
||||
"var(--color-text-secondary)",
|
||||
"var(--color-teal)",
|
||||
"var(--color-purple)",
|
||||
"var(--color-teal)",
|
||||
"var(--color-background)",
|
||||
"var(--color-background-hover)"
|
||||
],
|
||||
"mediaQueries": 2,
|
||||
"cssVariables": 35
|
||||
},
|
||||
"quick-stats.css": {
|
||||
"lines": 39,
|
||||
"size": "0.88 KB",
|
||||
"sizeBytes": 899,
|
||||
"rules": 4,
|
||||
"selectors": 4,
|
||||
"properties": 15,
|
||||
"uniqueColors": 3,
|
||||
"colors": [
|
||||
"var(--color-background-alt)",
|
||||
"var(--color-text)",
|
||||
"var(--color-text-secondary)"
|
||||
],
|
||||
"mediaQueries": 0,
|
||||
"cssVariables": 11
|
||||
"cssVariables": 33
|
||||
},
|
||||
"sidebar.css": {
|
||||
"lines": 247,
|
||||
|
|
@ -350,13 +357,13 @@
|
|||
"cssVariables": 24
|
||||
},
|
||||
"stats.css": {
|
||||
"lines": 232,
|
||||
"size": "5.18 KB",
|
||||
"sizeBytes": 5301,
|
||||
"rules": 30,
|
||||
"selectors": 32,
|
||||
"properties": 78,
|
||||
"uniqueColors": 14,
|
||||
"lines": 262,
|
||||
"size": "5.87 KB",
|
||||
"sizeBytes": 6013,
|
||||
"rules": 34,
|
||||
"selectors": 36,
|
||||
"properties": 93,
|
||||
"uniqueColors": 15,
|
||||
"colors": [
|
||||
"var(--color-surface)",
|
||||
"var(--color-border)",
|
||||
|
|
@ -370,7 +377,7 @@
|
|||
"var(--color-purple)"
|
||||
],
|
||||
"mediaQueries": 2,
|
||||
"cssVariables": 27
|
||||
"cssVariables": 30
|
||||
},
|
||||
"tabs.css": {
|
||||
"lines": 95,
|
||||
|
|
@ -412,14 +419,29 @@
|
|||
"mediaQueries": 0,
|
||||
"cssVariables": 20
|
||||
},
|
||||
"utilities.css": {
|
||||
"lines": 119,
|
||||
"size": "2.03 KB",
|
||||
"sizeBytes": 2080,
|
||||
"rules": 24,
|
||||
"selectors": 24,
|
||||
"properties": 44,
|
||||
"uniqueColors": 2,
|
||||
"colors": [
|
||||
"var(--color-text-secondary)",
|
||||
"var(--color-text-muted)"
|
||||
],
|
||||
"mediaQueries": 0,
|
||||
"cssVariables": 9
|
||||
},
|
||||
"waitlist.css": {
|
||||
"lines": 251,
|
||||
"size": "5.55 KB",
|
||||
"sizeBytes": 5686,
|
||||
"rules": 30,
|
||||
"selectors": 30,
|
||||
"properties": 131,
|
||||
"uniqueColors": 9,
|
||||
"lines": 211,
|
||||
"size": "4.63 KB",
|
||||
"sizeBytes": 4737,
|
||||
"rules": 25,
|
||||
"selectors": 25,
|
||||
"properties": 101,
|
||||
"uniqueColors": 8,
|
||||
"colors": [
|
||||
"var(--color-surface)",
|
||||
"var(--color-border)",
|
||||
|
|
@ -428,10 +450,9 @@
|
|||
"var(--color-text)",
|
||||
"var(--color-background-alt)",
|
||||
"var(--color-background)",
|
||||
"var(--color-amber)",
|
||||
"var(--color-background-hover)"
|
||||
"var(--color-amber)"
|
||||
],
|
||||
"mediaQueries": 0,
|
||||
"cssVariables": 31
|
||||
"cssVariables": 28
|
||||
}
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue