Tailwind: Remove screen.css

codesquadhud · Mar 12, 2021 · bb5c39b · bb5c39b
1 parent bcc87bf
commit bb5c39b
Show file tree

Hide file tree

Showing 13 changed files with 777 additions and 829 deletions.
diff --git a/assets/css/ghost/content.css b/assets/css/ghost/content.css
@@ -141,6 +141,49 @@
     }
 }
 
+/* Index
+/* ---------------------------------------------------------- */
+
+.gh-card:not(:first-child) {
+    margin: 8vmin auto 0;
+}
+
+.gh-card-image {
+    width: 100%;
+    max-height: 700px;
+    object-fit: cover;
+}
+
+.gh-card-meta {
+    display: block;
+    margin: 0 0 0.625rem;
+    font-size: 0.875rem;
+    line-height: 1.2em;
+    letter-spacing: 0.5px;
+    text-transform: uppercase;
+    opacity: 0.8;
+}
+
+.gh-card-content {
+    max-width: 720px;
+    margin: 0 auto;
+    text-align: center;
+    font-size: 1rem;
+}
+
+.gh-card-content p {
+    margin: 0.3125rem 0;
+    padding: 0 2vmin;
+}
+
+.gh-card-content > strong {
+    display: inline-block;
+    padding: 1px 0;
+    font-weight: 500;
+    box-shadow: 0 -1px 0 0 inset currentColor;
+    opacity: 0.5;
+}
+
 /* Cards
 /* ---------------------------------------------------------- */
 
@@ -382,3 +425,116 @@
 .gh-content tbody tr:last-child {
     border-bottom: 1px solid rgba(0, 0, 0, 0.1);
 }
+
+/* Page
+/* ---------------------------------------------------------- */
+
+.gh-page-image {
+    margin: 4vmin 0 0 0;
+}
+
+/* Post
+/* ---------------------------------------------------------- */
+
+.gh-header {
+    text-align: center;
+}
+.gh-header > :first-child {
+    margin: 0 0 0.625rem 0;
+}
+.gh-header > :not(:first-child) {
+    margin: 0.625rem 0;
+}
+
+.gh-post-meta {
+    font-size: 0.875rem;
+    letter-spacing: 0.5px;
+    text-transform: uppercase;
+    opacity: 0.8;
+}
+.gh-post-meta > :after {
+    padding: 0.625rem;
+    content: "|";
+}
+.gh-post-meta > :last-child:after {
+    content: "";
+}
+.gh-post-meta .gh-post-meta-content-item:after {
+    content: ", ";
+}
+.gh-post-meta .gh-post-meta-content-item:last-child:after {
+    content: "";
+}
+
+.gh-feature-image {
+    width: 100%;
+    margin: 0.625rem 0 0 0;
+}
+
+.gh-post-footer {
+    margin: 2.5rem 0;
+}
+.gh-post-footer .gh-post-comments-header-container {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+}
+.gh-post-footer .gh-post-comments-header-item {
+    text-transform: uppercase;
+    font-weight: bold;
+    font-size: 1.375rem;
+    letter-spacing: 0.5px;
+}
+.gh-post-footer .gh-post-comments-other {
+    display: flex;
+    flex-direction: row;
+}
+.gh-post-footer .gh-post-comments-other > * {
+    margin-left: 1.25rem;
+}
+
+/* Author Archive
+/* ---------------------------------------------------------- */
+
+.gh-author-image {
+    height: 12vmin;
+    width: 12vmin;
+    margin: 0 auto 1.5em;
+    border-radius: 100%;
+    overflow: hidden;
+    object-fit: cover;
+}
+
+.gh-author-meta {
+    margin: 2vmin 0 0 0;
+    font-size: 1.2em;
+}
+
+.gh-author-links {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.gh-author-links a {
+    position: relative;
+    display: inline-flex;
+    align-items: center;
+    margin: 0 0.75vmin;
+}
+
+.gh-author-links a + a:before {
+    display: block;
+    content: "";
+    margin: 0 1.25vmin 0 0;
+    height: 1em;
+    width: 1px;
+    background: rgba(0, 0, 0, 0.3);
+    transform: rotate(20deg);
+}
+
+@media (max-width: 700px) {
+    .gh-author-meta {
+        font-size: 1rem;
+    }
+}
diff --git a/assets/css/ghost/header.css b/assets/css/ghost/header.css
@@ -97,6 +97,26 @@
     padding: 5px 0;
 }
 
+.gh-head-actions a {
+    display: inline-flex;
+    align-items: center;
+    margin: 0;
+    padding: 10px;
+}
+
+.gh-head-actions a svg {
+    height: 1.125rem;
+    fill: currentcolor;
+}
+
+.gh-head-actions a:first-child svg {
+    margin-left: 20px;
+}
+
+.gh-head-actions a:last-child svg {
+    height: 1.25rem;
+}
+
 /* Mobile Menu Trigger
 /* ---------------------------------------------------------- */
 

diff --git a/assets/css/main.css b/assets/css/main.css
@@ -3,9 +3,6 @@
 @import "tailwindcss/components";
 @import "tailwindcss/utilities";
 
-/* Base components */
-@import "screen.css";
-
 /* Ghost components */
 @import "ghost/header.css";
 @import "ghost/content.css";