pepepper/tissue
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Sass入ってるのに生CSSで書こうとしたやつがいるらしい

Browse Source
This commit is contained in:
shibafu 2019-03-09 17:07:00 +09:00
parent cd56e1bff3
commit 1a7d958a1e
3 changed files with 25 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
resources/assets/sass/app.scss vendored
View File

@ -5,4 +5,7 @@
@import "~open-iconic/font/css/open-iconic-bootstrap"; @import "~open-iconic/font/css/open-iconic-bootstrap";
// Legacy app styles // Legacy app styles
@import "tissue.css"; @import "tissue.css";
// Components
@import "components/link-card";

21
resources/assets/sass/components/_link-card.scss vendored Normal file
View File

@ -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;
}
}

20
resources/assets/sass/tissue.css vendored
View File

@ -96,24 +96,4 @@
width: 100%; width: 100%;
border-top-right-radius: calc(.25rem - 1px); border-top-right-radius: calc(.25rem - 1px);
border-bottom-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;
} }