refactor(styles): move out to src

1 files changed, 53 insertions, 0 deletions

diff --git a/src/styles/card.css b/src/styles/card.css
new file mode 100644
index 00000000..d41d4224
--- /dev/null
+++ b/src/styles/card.css
@@ -0,0 +1,53 @@
+@import './details.scss';
+
+details,
+.card {
+	box-shadow: rgba(0, 0, 11, 0.1) 0px 7px 29px 0px;
+}
+
+@media (prefers-color-scheme: light) {
+	details,
+	.card {
+		box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
+	}
+}
+
+#header {
+	box-shadow: rgba(0, 0, 11, 0.2) 0px 7px 29px 0px, 0 0 0 5px var(--base02);
+}
+
+@media (prefers-color-scheme: light) {
+	#header {
+		box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px, 0 0 0 5px var(--base02);
+	}
+}
+
+.card {
+	background-color: var(--base0011);
+	padding: 1rem;
+	border-radius: 8px;
+	backdrop-filter: blur(4px);
+	-webkit-backdrop-filter: blur(4px);
+}
+
+.card details,
+.no-shadow {
+	box-shadow: none;
+}
+
+.card-small {
+	padding: 0.5rem;
+}
+
+.card-clear {
+	background-color: transparent;
+	box-shadow: none;
+	padding: 0;
+}
+
+.card-centered {
+	margin: 0 auto;
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+}