CSS: Split into modules

Don't place pure styling on top-level files (those that don't begin with underscore). Instead, import them as individual files.
2018-08-27 17:01:08 +02:00
parent 5238e2c26d
commit 3965061bde
19 changed files with 1135 additions and 1220 deletions
--- a/src/styles/components/_card.sass
+++ b/src/styles/components/_card.sass
@@ -0,0 +1,23 @@
+.card-deck
+	// Custom, as of bootstrap 4.1.3 there is no way to do this.
+	&.card-3-columns
+		.card
+			min-width: 30%
+			max-width: 30%
+
+
+.card-padless
+	.card
+		border: none
+
+	.card-body
+		padding: 20px 0
+
+.card-fade
+	img
+		opacity: .8
+		transition: opacity ease-in-out 150ms
+
+	&:hover
+		img
+			opacity: 1