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/_flyout.sass
+++ b/src/styles/components/_flyout.sass
@@ -0,0 +1,25 @@
+/* Flyouts (only used on notifications for now) */
+.flyout
+	background-color: $color-background
+	border-radius: 3px
+	border: thin solid darken($color-background, 3%)
+	box-shadow: 1px 2px 2px rgba(black, .2)
+	display: block
+	font-size: .9em
+
+	& .flyout-title
+		cursor: default
+		display: block
+		float: left
+		font-size: 1.1em
+		font-weight: 600
+		padding: 8px 10px 5px 10px
+
+	&.notifications
+		max-height: 1000%
+		overflow-x: hidden
+		position: absolute
+		right: 0
+		top: 60px
+		width: 420px
+		z-index: 9999