このリポジトリは2023-09-09にアーカイブされています。 ファイルの閲覧とクローンは可能ですが、プッシュ、イシューの作成、プルリクエストはできません。
kikikan/backend/resources/sass/layouts/_main.scss
2021-10-22 16:41:39 +09:00

158 行
2.3 KiB
SCSS
ベンダーファイル

.avatar-wrapper{
position: relative;
width: 170px;
height: 170px;
margin: auto;
border-radius: 50% 50%;
border: 1px solid gainsboro;
}
.avatar-label{
position: absolute;
bottom: 0;
margin: 0;
right: 0;
span{
box-shadow: 0 0 8px rgb(0 0 0 / 18%) !important;
}
}
textarea{
resize: none;
}
a{
text-decoration: none !important;
}
@include media-breakpoint-down(xs){
.l-content__ttl h2{
font-size: 20px !important;
}
.meeting-tab{
height: 45px !important;
font-size: 15px;
}
.meeting-ttl{
font-size: 15px !important;
}
.meeting-txt{
font-size: 14px !important;
}
.user-date span{
font-size: 14px !important;
}
.count{
width: 18px !important;
height: 18px !important;
}
.meeting-label{
font-size: 15px !important;
}
.user-name{
font-size: 13px !important;
}
.user-advice-btn span{
font-size: 14px !important;
}
.meeting-date{
font-size: 13px !important;
}
.p-article__pdf__btn span{
font-size: 14px !important;
}
.p-article__txt{
font-size: 13.5px !important;
}
.p-consent-btn span{
font-size: 15px !important;
}
.search-item .user-avatar{
min-width: 50px !important;
width: 50px !important;
height: 50px !important;
}
.profile-info__item{
padding: 10px 20px 10px 15px !important;
}
}
.input-default{
// border-radius: 18px !important;
height: 50px;
font-size: 18px;
}
.control-label{
font-size: 12px !important;
}
.icon-search{
height: 50px !important;
width: 54px !important;
top: 12px !important;
}
.profile-thumb{
width: 170px !important;
height: 170px !important;
}
.profile-image{
border-radius: 50%;
width: 100%;
height: 100%;
object-fit: cover;
}
.p-notification-icon-bg{
box-shadow: 0 1px 8px rgb(0 0 0 / 30%) !important;
}
.btn-shadow{
box-shadow: 0 1px 8px rgb(0 0 0 / 30%) !important;
}
.btn-disabled{
background-color: #eaeff2;
color: #6f7372;
}
.text-icon{
position:relative;
&:after{
background-size:33px 30px;
width:33px;
height:32px;
position:absolute;
right:0;
top:0
}
}
.icon-text:after{
background:url(/assets/img/icon/file-text.svg) no-repeat;
background-size: 35px 32px;
}