From 7869645409c542b1c2c736ae76daa2576222e891 Mon Sep 17 00:00:00 2001
From: imohkay <karen.menezes@gmail.com>
Date: Fri, 22 Oct 2021 15:23:56 +0530
Subject: [PATCH] add about partial file

---
 app/static/css/partials/_about.scss | 85 +++++++++++++++++++++++++++++
 1 file changed, 85 insertions(+)
 create mode 100755 app/static/css/partials/_about.scss

diff --git a/app/static/css/partials/_about.scss b/app/static/css/partials/_about.scss
new file mode 100755
index 0000000..0ccde61
--- /dev/null
+++ b/app/static/css/partials/_about.scss
@@ -0,0 +1,85 @@
+.about {
+ 	max-width: var(--container-lg-width);
+  margin: 0 auto;
+ 	padding: var(--spacing-2);
+
+ 	h2 {
+ 		font-size: 26px;
+    font-weight: 700;
+    margin: var(--spacing-2) 0;
+    padding: 0 0 var(--spacing) 0;
+ 	}
+
+  h3 {
+    font-size: 22px;
+  }
+
+  a {
+    color: #ee0;
+    font-weight: 700;
+    text-decoration: none;
+  }
+
+  > .row {
+    @media screen and (max-width: 799px) {
+      display: block;
+    }
+  }
+}
+
+.col--about {
+
+  @media screen and (min-width: 800px) {
+    width: 50%;
+    display: flex;
+  }
+}
+
+.about-phantasma-block {
+
+  @media screen and (min-width: 800px) {
+    background: rgba(255, 255, 255, 0.1);  
+    padding: var(--spacing-2);
+  }
+}
+
+.accordion-checkbox {
+  position: absolute;
+  opacity: 0;
+}
+
+.about-bios {
+  max-width: 670px;
+  padding: var(--spacing-2) 0;
+}
+
+.accordion-title {
+  border-bottom: 2px solid rgba(255, 255, 255, 0.2);
+  margin: var(--spacing-2) 0;
+  padding: 0 0 calc(var(--spacing) / 2) 0;
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+
+  &:hover, &:focus {
+    opacity: 0.8;
+  }
+
+  h3 {
+    flex: 1;
+    padding-right: var(--spacing-2);
+  }
+}
+
+.accordion-caret {
+  font-size: 16px;
+  margin-left: auto;
+}
+
+.accordion-content {
+  display: none;
+}
+
+.accordion-checkbox:checked + .accordion-content {
+  display: block; 
+} 
\ No newline at end of file