moris/blog
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

css gridを一括指定

Browse source
This commit is contained in:
moris 2025-03-03 12:29:37 +09:00
parent 707bf73ef5
commit cbceb9aebe
1 changed files with 7 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

21
src/routes/(DefaultStyle)/post/[slug]/+page.svelte
View file

@ -278,24 +278,20 @@
}
& .category {
grid-row: 1;
grid-column: 1;
grid-area: 1 / 1;
}
& .tags {
grid-row: 1;
grid-column: 3;
grid-area: 1 / 3;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
@media(width<1000px) {
grid-row: 2;
grid-column: 1 / 5;
grid-area: 2 / 1 / 3 / 5;
}
@media(width<480px){
display: inline-block;
grid-row: 1;
grid-column: 3;
grid-area: 1 / 3;
}
}
@ -313,22 +309,19 @@
width: 1px;
margin: 3px 0;
background-color: var(--font-color);
grid-row: 1;
grid-column: 2;
grid-area: 1 / 2;
@media(480px<width<1000px){
display: none;
}
}
& .date{
display: flex;
grid-row: 1;
grid-column: 4;
vertical-align: middle;
align-items: center;
grid-area: 1 / 4;
@media(width<480px){
display: inline-block;
grid-row: 2;
grid-column: 1 / 5;
grid-area: 2 / 1 / 3 / 5;
}
}
& .date svg{