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/dialogue.less

90 lines
1.8 KiB
Text
Raw Normal View History

2016-12-08 23:10:56 +00:00
.dialogues {
opacity: 0;
}
2016-09-19 18:07:02 +00:00
.dialogues:not(:empty) {
background: fade(#000, 50%);
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: flex;
justify-content: center;
align-items: center;
z-index: 2147483648; // fuck it
2016-12-08 23:10:56 +00:00
opacity: 1;
transition: opacity .2s;
2016-09-19 18:07:02 +00:00
}
.dialogue {
2016-11-13 23:29:31 +00:00
font-family: @cute-font;
2016-09-19 18:07:02 +00:00
display: inline-block;
2016-12-08 23:10:56 +00:00
background: #c2affe;
2016-09-19 18:07:02 +00:00
box-shadow: 0 0 5px #9475B2;
2016-12-08 23:10:56 +00:00
border: 1px solid #9475B2;
padding: 4px;
min-width: 250px;
border-radius: 2px;
2016-09-19 18:07:02 +00:00
&__buttons {
text-align: right;
2016-12-08 23:10:56 +00:00
border-top: 1px solid #9475b2;
margin-top: 2px;
padding-top: 2px;
2016-09-19 18:07:02 +00:00
}
&__button {
2016-11-13 23:29:31 +00:00
font-family: @cute-font;
2016-12-08 23:10:56 +00:00
background: #b19eed;
border: 1px solid #9475B2;
2016-09-19 18:07:02 +00:00
padding: 2px 4px;
cursor: pointer;
2016-09-19 18:32:24 +00:00
margin-left: 2px;
2016-12-08 23:10:56 +00:00
min-width: 50px;
border-radius: 3px;
transition: background .2s;
&:hover {
background: #c2affe;
}
&:active {
background: #a08ddc;
}
2016-09-19 18:07:02 +00:00
&:last-child {
font-weight: 700;
2016-12-08 23:10:56 +00:00
min-width: 70px;
2016-09-19 18:07:02 +00:00
}
}
2016-12-08 23:10:56 +00:00
2016-12-11 00:06:19 +00:00
&__dropdown {
width: 100%;
box-sizing: border-box;
background: linear-gradient(180deg, #FFF 0%, #EEE 50%, #E5E5E5 50%) #FFF;
border: 1px solid #CCC;
box-shadow: inset #DDD 0 0 5px;
padding: 3px 4px;
vertical-align: middle;
&-container {
border-top: 1px solid #9475b2;
margin-top: 2px;
padding-top: 2px;
}
}
2016-12-08 23:10:56 +00:00
&__title {
margin: -4px;
background: linear-gradient(90deg, rgba(148, 117, 178, .7), rgba(148, 117, 178, 0)) #C2AFFE;
margin-bottom: 4px;
padding: 2px 4px;
}
&__text {
white-space: pre;
padding: 3px 4px;
}
2016-09-19 18:07:02 +00:00
}