CoastalCommitsPastes/client/app/(posts)/new/components/drag-and-drop/drag-and-drop.module.css

42 lines
659 B
CSS
Raw Normal View History

.container {
display: flex;
flex-direction: column;
}
.container ul {
margin: 0;
margin-top: var(--gap-double);
}
.dropzone {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
padding: 20px;
border-width: 2px;
border-radius: 2px;
border-style: dashed;
outline: none;
transition: all 0.24s ease-in-out;
cursor: pointer;
}
.dropzone:focus {
box-shadow: 0 0 4px 1px rgba(124, 124, 124, 0.5);
}
.error {
color: red;
font-size: 0.8rem;
transition: border 0.24s ease-in-out;
border: 2px solid red;
border-radius: 2px;
padding: 20px;
}
.error ul {
margin: 0;
padding-left: var(--gap-double);
}