Loupe/data/resources/edit_crop.css

53 lines
1.5 KiB
CSS
Raw Normal View History

2024-09-15 21:06:23 +02:00
lpcrop {
--discarded-background: rgba(50, 50, 50, 0.7);
2024-09-19 20:13:53 +02:00
--selection-border-color: rgb(240, 240, 240);
--handle-border-color: var(--selection-border-color);
2024-09-15 21:06:23 +02:00
--handle-size: 20px;
--handle-border-width: 3px;
--handle-offset: -4px;
}
.selection {
outline: 1px solid var(--selection-border-color);
}
.handle {
padding: var(--handle-size) var(--handle-size) 0 0;
}
.handle-top-left {
border-top: var(--handle-border-width) var(--handle-border-color) solid;
border-left: var(--handle-border-width) var(--handle-border-color) solid;
margin-top: var(--handle-offset);
margin-left: var(--handle-offset);
}
.handle-top-right {
border-top: var(--handle-border-width) var(--handle-border-color) solid;
border-right: var(--handle-border-width) var(--handle-border-color) solid;
margin-top: var(--handle-offset);
margin-right: var(--handle-offset);
}
.handle-bottom-left {
border-left: var(--handle-border-width) var(--handle-border-color) solid;
border-bottom: var(--handle-border-width) var(--handle-border-color) solid;
margin-left: var(--handle-offset);
margin-bottom: var(--handle-offset);
}
.handle-bottom-right {
border-bottom: var(--handle-border-width) var(--handle-border-color) solid;
border-right: var(--handle-border-width) var(--handle-border-color) solid;
margin-bottom: var(--handle-offset);
margin-right: var(--handle-offset);
}
.discarded-area {
background: var(--discarded-background);
}
.apply-button {
margin-right: 12px;
margin-top: -6px;
2024-09-15 21:06:23 +02:00
}