(创建页面,内容为“.issues-card { margin: 0 auto; height: 40px; width: 40px; background-color: blue; }”) |
小无编辑摘要 |
||
(未显示同一用户的23个中间版本) | |||
第1行: | 第1行: | ||
.flex-container { | |||
display: flex; | |||
align-items: center; | |||
justify-content: center; | |||
} | |||
.issues-card { | .issues-card { | ||
margin: 0 | display: flex; | ||
height: | margin: 0px; | ||
width: | border-radius: 8px; | ||
box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 6px 0px, rgba(0, 0, 0, 0.06) 0px 3px 6px 0px; | |||
background-color: var(--color-surface-1); | |||
} | |||
.issues-card .image p{ | |||
margin: 0px; | |||
height: 48px; | |||
width: 48px; | |||
} | |||
.issues-card .image{ | |||
flex: 0 0 48px; | |||
margin: 16px; | |||
display: flex; | |||
align-items: center; | |||
overflow: hidden; | |||
} | |||
.issues-card .image img{ | |||
transform: translateX(-100px); | |||
filter: drop-shadow(100px 0px 0px #888) | |||
} | |||
.issues-card .text .title { | |||
margin: 16px 16px 0px 0px; | |||
font-size: 18px !important; | |||
color: var(--color-base--emphasized); | |||
} | |||
.issues-card .text .description { | |||
margin: 0px 16px 16px 0px; | |||
font-size: 14px !important; | |||
color: var(--color-base--subtle); | |||
} | } |
2023年9月26日 (二) 17:33的最新版本
.flex-container {
display: flex;
align-items: center;
justify-content: center;
}
.issues-card {
display: flex;
margin: 0px;
border-radius: 8px;
box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 6px 0px, rgba(0, 0, 0, 0.06) 0px 3px 6px 0px;
background-color: var(--color-surface-1);
}
.issues-card .image p{
margin: 0px;
height: 48px;
width: 48px;
}
.issues-card .image{
flex: 0 0 48px;
margin: 16px;
display: flex;
align-items: center;
overflow: hidden;
}
.issues-card .image img{
transform: translateX(-100px);
filter: drop-shadow(100px 0px 0px #888)
}
.issues-card .text .title {
margin: 16px 16px 0px 0px;
font-size: 18px !important;
color: var(--color-base--emphasized);
}
.issues-card .text .description {
margin: 0px 16px 16px 0px;
font-size: 14px !important;
color: var(--color-base--subtle);
}