From cd56e1bff32804dd0343c99eaaf2c7f35c84f46d Mon Sep 17 00:00:00 2001 From: shibafu Date: Sat, 9 Mar 2019 01:34:58 +0900 Subject: [PATCH 1/2] =?UTF-8?q?=E3=83=A1=E3=82=BF=E3=83=87=E3=83=BC?= =?UTF-8?q?=E3=82=BF=E3=81=AEdescription=E3=81=AB=E5=90=AB=E3=81=BE?= =?UTF-8?q?=E3=82=8C=E3=82=8B=E6=94=B9=E8=A1=8C=E3=82=92=E8=A1=A8=E7=A4=BA?= =?UTF-8?q?=E3=81=AB=E5=8F=8D=E6=98=A0=E3=81=99=E3=82=8B?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit refs #87 --- resources/assets/sass/tissue.css | 20 ++++++++++++++++++++ 1 file changed, 20 insertions(+) diff --git a/resources/assets/sass/tissue.css b/resources/assets/sass/tissue.css index f7dfd0c..6f5d485 100644 --- a/resources/assets/sass/tissue.css +++ b/resources/assets/sass/tissue.css @@ -96,4 +96,24 @@ 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 From 1a7d958a1ef23eb7e0dfed23204dd429a2dbf506 Mon Sep 17 00:00:00 2001 From: shibafu Date: Sat, 9 Mar 2019 17:07:00 +0900 Subject: [PATCH 2/2] =?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