This repository has been archived on 2024-06-26. You can view files and clone it, but cannot push or open issues or pull requests.
sakura/resources/assets/less/yuuno/bem/friend-box.less

98 lines
1.8 KiB
Text
Raw Normal View History

2016-11-10 22:32:45 +00:00
.friend-box {
display: inline-block;
color: #000;
border: 1px solid #9475B2;
text-align: center;
width: 200px;
margin: 4px 0;
border-radius: 3px;
box-shadow: inset 0 0 1px #9475B2;
background: #E4CFFF;
text-decoration: none !important;
transition: background .2s, box-shadow .2s;
2016-11-12 01:52:51 +00:00
&__container {
display: block;
2016-12-09 18:09:33 +00:00
width: 100%;
height: 100%;
2016-11-12 01:52:51 +00:00
text-decoration: none !important;
color: #000;
margin: 5px auto;
background-color: transparent;
border: 0;
2016-12-09 18:09:33 +00:00
cursor: pointer;
2016-11-12 01:52:51 +00:00
&:active {
color: inherit;
}
}
&--active,
2016-11-10 22:32:45 +00:00
&:hover {
background: #C2AFFE;
box-shadow: inset 0 0 2px #9475B2;
}
&:active {
color: inherit;
}
&__name {
font-size: 1.2em;
line-height: 1.5em;
padding-bottom: 4px;
}
&__avatar {
width: 150px;
height: 150px;
display: inline-block;
}
2016-11-12 01:52:51 +00:00
&__actions {
display: flex;
background: linear-gradient(0deg, #9475B2, transparent) transparent;
}
&__action {
flex-grow: 1;
color: #222;
font-size: 2em;
line-height: 1em;
text-decoration: none !important;
padding: 5px 0;
background-color: transparent;
border: 0;
transition: color .2s;
2016-12-09 18:09:33 +00:00
cursor: pointer;
2016-11-12 01:52:51 +00:00
&:hover {
color: #333;
}
&:active {
color: #111;
}
&--green {
&:hover {
color: #0d0;
}
&:active {
color: #0a0;
}
}
&--red {
&:hover {
color: #d00;
}
&:active {
color: #a00;
}
}
}
2016-11-10 22:32:45 +00:00
}