@light-sheet/react
Version:
FortuneSheet is a drop-in javascript spreadsheet library that provides rich features like Excel and Google Sheets
67 lines (61 loc) • 1.3 kB
CSS
#fortune-change-color {
min-width: 164px;
height: 252px;
background: rgb(240, 240, 240);
position: absolute;
bottom: -110px;
left: 197px;
border-radius: 6px;
box-shadow: 0 2px 4px rgb(0 0 0 / 20%);
border: 1px solid rgba(0, 0, 0, 0.2);
}
#fortune-change-color .color-reset {
position: relative;
color: #333;
cursor: pointer;
list-style: none;
padding: 10px;
white-space: nowrap;
padding-left: 8px;
vertical-align: middle;
padding-right: 24px;
user-select: none;
border-radius: 6px;
background: white;
}
#fortune-change-color .color-reset:hover {
background: rgb(230, 230, 230);
}
#fortune-change-color .custom-color {
position: relative;
margin: auto;
padding: 10px;
border-radius: 6px;
background: white;
display: flex;
align-items: center;
margin: 1px 0px;
display: flex;
justify-content: space-around;
}
.button-basic {
display: inline-block;
margin-bottom: 0;
font-weight: 400;
text-align: center;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
white-space: nowrap;
padding: 4px 8px;
font-size: 12px;
line-height: 1.42857143;
border-radius: 2px;
user-select: none;
}
.button-primary {
background: #0188fb;
border: 1px solid #0188fb;
color: #fff;
margin-right: -4px;
}