Merge pull request #37 from kir-rescomp/dev

DininduSenanayake · web-flow · commit ea28726ca23c · 2025-10-30T11:18:12.000Z
move cards stylesheet to a new .css file
diff --git a/docs/stylesheets/cards.css b/docs/stylesheets/cards.css
@@ -0,0 +1,16 @@
+/* Force 3 columns for grid cards */
+.md-typeset .grid.cards {
+    grid-template-columns: repeat(3, 1fr);
+    gap: 1rem;
+}
+
+/* Clickable card hover effect */
+.grid.cards > ul > li {
+    transition: all 0.3s ease;
+}
+
+.grid.cards > ul > li:hover {
+    background-color: rgba(var(--md-primary-fg-color--rgb), 0.05);
+    transform: scale(1.05);
+    transition: all 0.3s ease;
+}
diff --git a/docs/stylesheets/extra.css b/docs/stylesheets/extra.css
@@ -12,11 +12,6 @@
   --md-typeset-a-color: #2596be;
 }
 
-/* Force 3 columns for grid cards */
-.md-typeset .grid.cards {
-    grid-template-columns: repeat(3, 1fr);
-    gap: 1rem;
-}
 
 :root {
 
diff --git a/mkdocs.yml b/mkdocs.yml
@@ -122,3 +122,4 @@ copyright : KIR Training Catalogue is licensed under a <a rel="noopener" target=
 
 extra_css:
   - stylesheets/extra.css
+  - stylesheets/cards.css

Original file line number	Diff line number	Diff line change
`@@ -12,11 +12,6 @@`
`12`	`12`	`--md-typeset-a-color: #2596be;`
`13`	`13`	`}`
`14`	`14`
`15`		`-/* Force 3 columns for grid cards */`
`16`		`-.md-typeset .grid.cards {`
`17`		`- grid-template-columns: repeat(3, 1fr);`
`18`		`- gap: 1rem;`
`19`		`-}`
`20`	`15`
`21`	`16`	`:root {`
`22`	`17`
Original file line number	Diff line number	Diff line change
`@@ -122,3 +122,4 @@ copyright : KIR Training Catalogue is licensed under a <a rel="noopener" target=`
`122`	`122`
`123`	`123`	`extra_css:`
`124`	`124`	`- stylesheets/extra.css`
	`125`	`+ - stylesheets/cards.css`