mirror of
https://github.com/naturalcrit/homebrewery.git
synced 2025-12-28 17:52:38 +00:00
144 lines
3.3 KiB
Plaintext
144 lines
3.3 KiB
Plaintext
@keyframes glideDown {
|
|
0% {transform : translate(-50% + 3px, 0px);
|
|
opacity : 0;}
|
|
100% {transform : translate(-50% + 3px, 10px);
|
|
opacity : 1;}
|
|
}
|
|
.editPage{
|
|
.navItem.save{
|
|
width : 106px;
|
|
text-align : center;
|
|
position : relative;
|
|
&.saved{
|
|
cursor : initial;
|
|
color : #666;
|
|
}
|
|
&.error{
|
|
position : relative;
|
|
background-color : @red;
|
|
}
|
|
}
|
|
.share.navItem{
|
|
position : relative;
|
|
.dropdown{
|
|
position : absolute;
|
|
top : 28px;
|
|
left : 0px;
|
|
z-index : 10000;
|
|
width : 100%;
|
|
h4{
|
|
display : block;
|
|
box-sizing : border-box;
|
|
padding : 5px 0px;
|
|
background-color : #333;
|
|
font-size : 0.8em;
|
|
color : #bbb;
|
|
text-align : center;
|
|
border-top : 1px solid #888;
|
|
&:nth-of-type(1){ background-color: darken(@teal, 20%); }
|
|
&:nth-of-type(2){ background-color: darken(@purple, 30%); }
|
|
}
|
|
.item{
|
|
.animate(background-color);
|
|
position : relative;
|
|
display : block;
|
|
width : 100%;
|
|
padding : 13px 5px;
|
|
box-sizing : border-box;
|
|
background-color : #333;
|
|
color : white;
|
|
text-decoration : none;
|
|
border-top : 1px solid #888;
|
|
&:hover{
|
|
background-color : @blue;
|
|
}
|
|
.title{
|
|
display : inline-block;
|
|
overflow : hidden;
|
|
width : 100%;
|
|
text-overflow : ellipsis;
|
|
white-space : nowrap;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.googleDriveStorage {
|
|
position : relative;
|
|
}
|
|
.googleDriveStorage img{
|
|
height : 20px;
|
|
padding : 0px;
|
|
margin : -5px;
|
|
}
|
|
.errorContainer{
|
|
animation-name: glideDown;
|
|
animation-duration: 0.4s;
|
|
position : absolute;
|
|
top : 100%;
|
|
left : 50%;
|
|
z-index : 100000;
|
|
width : 140px;
|
|
padding : 3px;
|
|
color : white;
|
|
background-color : #333;
|
|
border : 3px solid #444;
|
|
border-radius : 5px;
|
|
transform : translate(-50% + 3px, 10px);
|
|
text-align : center;
|
|
font-size : 10px;
|
|
font-weight : 800;
|
|
text-transform : uppercase;
|
|
a{
|
|
color : @teal;
|
|
}
|
|
&:before {
|
|
content: "";
|
|
width: 0px;
|
|
height: 0px;
|
|
position: absolute;
|
|
border-left: 10px solid transparent;
|
|
border-right: 10px solid transparent;
|
|
border-top: 10px solid transparent;
|
|
border-bottom: 10px solid #444;
|
|
left: 53px;
|
|
top: -23px;
|
|
}
|
|
&:after {
|
|
content: "";
|
|
width: 0px;
|
|
height: 0px;
|
|
position: absolute;
|
|
border-left: 10px solid transparent;
|
|
border-right: 10px solid transparent;
|
|
border-top: 10px solid transparent;
|
|
border-bottom: 10px solid #333;
|
|
left: 53px;
|
|
top: -19px;
|
|
}
|
|
.deny {
|
|
width : 48%;
|
|
margin : 1px;
|
|
padding : 5px;
|
|
background-color : #333;
|
|
display : inline-block;
|
|
border-left : 1px solid #666;
|
|
.animate(background-color);
|
|
&:hover{
|
|
background-color : red;
|
|
}
|
|
}
|
|
.confirm {
|
|
width : 48%;
|
|
margin : 1px;
|
|
padding : 5px;
|
|
background-color : #333;
|
|
display : inline-block;
|
|
color : white;
|
|
.animate(background-color);
|
|
&:hover{
|
|
background-color : teal;
|
|
}
|
|
}
|
|
}
|
|
}
|