1 files changed, 63 insertions, 0 deletions
diff --git a/themes/flamingo/assets/scss/_projects.scss b/themes/flamingo/assets/scss/_projects.scss
new file mode 100644
index 0000000..2e1df13
--- /dev/null
+++ b/themes/flamingo/assets/scss/_projects.scss
@@ -0,0 +1,63 @@
+.project-board {
+  margin-top: calc(#{$global-font-size} * 2);
+  display: grid;
+  grid-template-columns: 1fr;
+  grid-template-rows: auto;
+  grid-gap: 20px;
+  max-width: $layout-max-width;
+}
+
+.card {
+  min-height: 100%;
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  text-decoration: none;
+  $border-width: 3px;
+  border-radius: $border-width;
+  border: 1px solid $post-link-color;
+}
+
+.card article {
+  padding: 20px;
+}
+
+.card h4 {
+  font-size: 20px;
+  margin: 0;
+}
+
+.card p {
+  color: $subscript-color;
+  line-height: 1.4;
+}
+
+.custom-card-footer {
+  display: flex;
+  justify-content: flex-end;
+}
+
+.custom-button {
+    font-size: $global-font-size;
+    font-weight: 400;
+    margin: 0 calc(#{$global-font-size} * 0.5);
+    padding: calc(#{$global-font-size} * 0.2) calc(#{$global-font-size} * 0.5);
+    $border-width: 3px;
+    border-radius: $border-width;
+    border: 1px solid $subscript-color;
+    color: $post-link-color;
+    background-color: transparent;
+    cursor: pointer;
+    //transition: border .3s;
+    transition: color .3s;
+}
+
+.custom-button-disabled {
+  cursor: no-drop;
+}
+
+.custom-button:hover {
+    border: 1px solid $post-link-color;
+    //background-color: $post-link-color;
+    color: $post-title-color;
+}