Basic sticky notes
.note {
background-color: white;
box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.1);
margin: 30px 20px;
height: 400px;
width: 400px;
}
Use this to customize the sticky note box
.note .tools {
background-color: rgb(223, 192, 18);
display: flex;
justify-content: flex-end;
padding: 0.4rem;
}
Use this to customize the sticky note panel
.note .tools button {
background-color: transparent;
border: none;
color: white;
cursor: pointer;
font-size: 1rem;
margin-left: 0.1rem;
}
Use this to customize the buttons
- Local storage utilization
- Markdown support
- Cross-user notes share