From 1a7d958a1ef23eb7e0dfed23204dd429a2dbf506 Mon Sep 17 00:00:00 2001
From: shibafu <shibafu528@gmail.com>
Date: Sat, 9 Mar 2019 17:07:00 +0900
Subject: [PATCH] =?UTF-8?q?Sass=E5=85=A5=E3=81=A3=E3=81=A6=E3=82=8B?=
 =?UTF-8?q?=E3=81=AE=E3=81=AB=E7=94=9FCSS=E3=81=A7=E6=9B=B8=E3=81=93?=
 =?UTF-8?q?=E3=81=86=E3=81=A8=E3=81=97=E3=81=9F=E3=82=84=E3=81=A4=E3=81=8C?=
 =?UTF-8?q?=E3=81=84=E3=82=8B=E3=82=89=E3=81=97=E3=81=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 resources/assets/sass/app.scss                |  5 ++++-
 .../assets/sass/components/_link-card.scss    | 21 +++++++++++++++++++
 resources/assets/sass/tissue.css              | 20 ------------------
 3 files changed, 25 insertions(+), 21 deletions(-)
 create mode 100644 resources/assets/sass/components/_link-card.scss

diff --git a/resources/assets/sass/app.scss b/resources/assets/sass/app.scss
index 42fa070..2e8a67c 100644
--- a/resources/assets/sass/app.scss
+++ b/resources/assets/sass/app.scss
@@ -5,4 +5,7 @@
 @import "~open-iconic/font/css/open-iconic-bootstrap";
 
 // Legacy app styles
-@import "tissue.css";
\ No newline at end of file
+@import "tissue.css";
+
+// Components
+@import "components/link-card";
\ No newline at end of file
diff --git a/resources/assets/sass/components/_link-card.scss b/resources/assets/sass/components/_link-card.scss
new file mode 100644
index 0000000..db5bf43
--- /dev/null
+++ b/resources/assets/sass/components/_link-card.scss
@@ -0,0 +1,21 @@
+.link-card {
+  .row > div:last-child {
+    max-height: 400px;
+    overflow: hidden;
+
+    // 省略を表す影を付けるやつ
+    &::before {
+      content: '';
+      width: 100%;
+      height: 100%;
+      position: absolute;
+      left: 0;
+      top: 0;
+      background: linear-gradient(transparent 320px, white);
+    }
+  }
+
+  .card-text {
+    white-space: pre-line;
+  }
+}
\ No newline at end of file
diff --git a/resources/assets/sass/tissue.css b/resources/assets/sass/tissue.css
index 6f5d485..f7dfd0c 100644
--- a/resources/assets/sass/tissue.css
+++ b/resources/assets/sass/tissue.css
@@ -96,24 +96,4 @@
     width: 100%;
     border-top-right-radius: calc(.25rem - 1px);
     border-bottom-right-radius: calc(.25rem - 1px);
-}
-
-.link-card .row > div:last-child {
-    max-height: 400px;
-    overflow: hidden;
-}
-
-/* 省略を表す影を付けるやつ */
-.link-card .row > div:last-child::before {
-    content: '';
-    width: 100%;
-    height: 100%;
-    position: absolute;
-    left: 0;
-    top: 0;
-    background: linear-gradient(transparent 320px, white);
-}
-
-.link-card .card-text {
-    white-space: pre-line;
 }
\ No newline at end of file