リファクタリング

This commit is contained in:
moris 2025-03-03 12:32:13 +09:00
parent cbceb9aebe
commit af5e49cea1
2 changed files with 12 additions and 16 deletions

View file

@ -41,7 +41,6 @@
} }
.title{ .title{
text-decoration-line: underline; text-decoration-line: underline;
text-decoration-color: var(--font-color);
} }
} }
} }
@ -99,7 +98,6 @@
& .description { & .description {
margin:8px; margin:8px;
font-size: .9em; font-size: .9em;
text-decoration: none;
} }
} }
</style> </style>

View file

@ -290,45 +290,43 @@
grid-area: 2 / 1 / 3 / 5; grid-area: 2 / 1 / 3 / 5;
} }
@media(width<480px){ @media(width<480px){
display: inline-block;
grid-area: 1 / 3; grid-area: 1 / 3;
} }
} }
& .tag { & .tag {
display: inline-block; display: inline-block;
background-color: var(--theme-color); padding: 1px 4px;
color: var(--font-color);
border-radius: 3px;
padding: 0 4px 1px 4px;
margin: 3px; margin: 3px;
border-radius: 3px;
color: currentColor;
background-color: var(--theme-color);
} }
& .divider { & .divider {
display: inline-block;
width: 1px; width: 1px;
margin: 3px 0; margin: 3px 0;
background-color: var(--font-color); background-color: currentColor;
grid-area: 1 / 2; grid-area: 1 / 2;
@media(480px<width<1000px){ @media(480px<width<1000px){
display: none; display: none;
} }
} }
& .date{ & .date{
display: flex; display: flex;
vertical-align: middle;
align-items: center; align-items: center;
grid-area: 1 / 4; grid-area: 1 / 4;
@media(width<480px){ @media(width<480px){
display: inline-block;
grid-area: 2 / 1 / 3 / 5; grid-area: 2 / 1 / 3 / 5;
} }
& svg{
height: 1rem;
fill: currentColor;
}
} }
& .date svg{
height: 1rem;
fill: var(--font-color);
vertical-align: middle;
}
@media(width<480px) { @media(width<480px) {
& .txt {display: none;} & .txt {display: none;}
} }