68 行
1.1 KiB
SCSS
68 行
1.1 KiB
SCSS
/* #User
|
|
-------------------------------------------------------------------------- */
|
|
/*doc
|
|
---
|
|
title: user
|
|
name: user
|
|
categories: [project]
|
|
---
|
|
|
|
ユーザー関係のコンポーネントです。
|
|
|
|
```block
|
|
```
|
|
*/
|
|
|
|
.user{
|
|
&-advice{
|
|
&-btn{
|
|
width: 142px;
|
|
}
|
|
}
|
|
&-date{
|
|
display: flex;
|
|
align-items: center;
|
|
span{
|
|
color:$_color-text--gray02;
|
|
font-size: 1.24rem;
|
|
letter-spacing: 0.01em;
|
|
@include pc{
|
|
font-size: 1.4rem;
|
|
}
|
|
.date{
|
|
letter-spacing: 0.06em;
|
|
}
|
|
}
|
|
}
|
|
&-updated-time{
|
|
margin-right: 30px;
|
|
@include pc{
|
|
margin-right: 50px;
|
|
}
|
|
}
|
|
&-sm{
|
|
display: flex;
|
|
align-items: flex-end;
|
|
justify-content: space-between;
|
|
a{
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.user{
|
|
&-avatar{
|
|
width: 46px;
|
|
height: 46px;
|
|
border-radius: 23px;
|
|
border: 1px solid #f0de00;
|
|
margin-right: 12px;
|
|
@include pc{
|
|
width: 40px;
|
|
height: 40px;
|
|
border-radius: 20px;
|
|
margin-right: 15px;
|
|
}
|
|
}
|
|
|
|
}
|
|
}
|
|
} |