Sha256: 6eb14144a5c74b021755456bffd6d0ac504f1f3618231ee25e2791b7557f0de9
Contents?: true
Size: 1.46 KB
Versions: 13
Compression:
Stored size: 1.46 KB
Contents
.formstrap-file {
--fs-file-spacer-2: calc(1rem * .5);
.formstrap-file-thumbnails {
margin-bottom: var(--fs-file-spacer-2);
}
&.formstrap-dropzone {
padding: var(--fs-file-spacer-2);
.formstrap-file-thumbnails {
margin-bottom: 0;
}
}
}
.formstrap-file-thumbnails {
--fs-file-spacer-2: calc(1rem * .5);
position: relative;
display: flex;
flex-wrap: wrap;
gap: var(--fs-file-spacer-2);
a, a:link, a:hover {
color: inherit;
text-decoration: inherit;
}
}
.formstrap-file-thumbnail {
position: relative;
pointer-events: initial !important;
display: flex;
&:hover {
.formstrap-file-thumbnail-actions {
display: block;
}
}
}
.formstrap-file-thumbnail-actions {
display: none;
}
.formstrap-file-thumbnail-remove {
position: absolute;
top: 5px;
right: 5px;
background: var(--bs-danger);
width: 25px;
height: 25px;
display: flex;
align-items: center;
justify-content: center;
color: white;
border-radius: var(--bs-border-radius-pill);
z-index: 3;
cursor: pointer;
&:hover {
opacity: 0.9;
}
}
.formstrap-file-thumbnail-edit {
position: absolute;
top: 5px;
right: 35px;
background-color: rgba(0, 0, 0, 0.7);
width: 25px;
height: 25px;
display: flex;
align-items: center;
justify-content: center;
border-radius: var(--bs-border-radius-pill);
z-index: 3;
cursor: pointer;
color: white !important;
&:hover {
background-color: rgba(0, 0, 0, 1);
}
}
Version data entries
13 entries across 13 versions & 1 rubygems