2023-01-02 18:12:18 -06:00
|
|
|
.ui.inline-icon {
|
|
|
|
position: relative;
|
|
|
|
|
|
|
|
display: flex;
|
|
|
|
}
|
|
|
|
|
|
|
|
.ui.inline-icon::after {
|
|
|
|
content: "";
|
|
|
|
display: block;
|
|
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
|
|
margin: auto;
|
|
|
|
top: 15%;
|
|
|
|
bottom: 15%;
|
|
|
|
|
|
|
|
mask-size: contain;
|
2023-01-14 15:44:31 -06:00
|
|
|
-webkit-mask-size: contain;
|
2023-01-02 18:12:18 -06:00
|
|
|
mask-repeat: no-repeat;
|
2023-01-14 15:44:31 -06:00
|
|
|
-webkit-mask-repeat: no-repeat;
|
2023-01-02 18:12:18 -06:00
|
|
|
|
|
|
|
max-height: 70%;
|
|
|
|
aspect-ratio: 1;
|
|
|
|
|
|
|
|
left: 0;
|
|
|
|
right: 0;
|
|
|
|
|
|
|
|
background-color: var(--c-text);
|
|
|
|
}
|
|
|
|
|
|
|
|
.ui.inline-icon.icon-eye-off::after,
|
2022-12-04 13:22:35 -06:00
|
|
|
.ui.icon > .icon-eye-off {
|
2022-12-18 17:50:40 -06:00
|
|
|
-webkit-mask-image: url("../res/icons/eye-off.svg");
|
|
|
|
mask-image: url("../res/icons/eye-off.svg");
|
2022-12-04 13:22:35 -06:00
|
|
|
}
|
|
|
|
|
|
|
|
.ui.icon > .icon-eye {
|
2022-12-18 17:50:40 -06:00
|
|
|
-webkit-mask-image: url("../res/icons/eye.svg");
|
|
|
|
mask-image: url("../res/icons/eye.svg");
|
2022-12-04 13:22:35 -06:00
|
|
|
}
|
|
|
|
|
|
|
|
.ui.icon > .icon-file-plus {
|
2022-12-18 17:50:40 -06:00
|
|
|
-webkit-mask-image: url("../res/icons/file-plus.svg");
|
|
|
|
mask-image: url("../res/icons/file-plus.svg");
|
2022-12-04 13:22:35 -06:00
|
|
|
}
|
|
|
|
|
2023-02-14 21:37:06 -06:00
|
|
|
.ui.inline-icon.icon-flip-horizontal::after,
|
|
|
|
.ui.icon > .icon-flip-horizontal {
|
|
|
|
-webkit-mask-image: url("../res/icons/flip-horizontal.svg");
|
|
|
|
mask-image: url("../res/icons/flip-horizontal.svg");
|
|
|
|
}
|
|
|
|
|
2023-02-18 10:43:49 -06:00
|
|
|
.ui.inline-icon.icon-flip-vertical::after,
|
|
|
|
.ui.icon > .icon-flip-vertical {
|
|
|
|
-webkit-mask-image: url("../res/icons/flip-vertical.svg");
|
|
|
|
mask-image: url("../res/icons/flip-vertical.svg");
|
|
|
|
}
|
|
|
|
|
2022-12-05 20:22:19 -06:00
|
|
|
.ui.icon > .icon-file-x {
|
2022-12-18 17:50:40 -06:00
|
|
|
-webkit-mask-image: url("../res/icons/file-x.svg");
|
|
|
|
mask-image: url("../res/icons/file-x.svg");
|
2022-12-05 20:22:19 -06:00
|
|
|
}
|
|
|
|
|
2022-12-04 13:22:35 -06:00
|
|
|
.ui.icon > .icon-chevron-down {
|
2022-12-18 17:50:40 -06:00
|
|
|
-webkit-mask-image: url("../res/icons/chevron-down.svg");
|
|
|
|
mask-image: url("../res/icons/chevron-down.svg");
|
2022-12-04 13:22:35 -06:00
|
|
|
}
|
|
|
|
|
|
|
|
.ui.icon > .icon-chevron-up {
|
2022-12-18 17:50:40 -06:00
|
|
|
-webkit-mask-image: url("../res/icons/chevron-up.svg");
|
|
|
|
mask-image: url("../res/icons/chevron-up.svg");
|
2022-12-04 13:22:35 -06:00
|
|
|
}
|
2022-12-05 20:22:19 -06:00
|
|
|
.ui.icon > .icon-chevron-first {
|
2022-12-18 17:50:40 -06:00
|
|
|
-webkit-mask-image: url("../res/icons/chevron-first.svg");
|
|
|
|
mask-image: url("../res/icons/chevron-first.svg");
|
2022-12-05 20:22:19 -06:00
|
|
|
}
|
|
|
|
|
|
|
|
.ui.icon > .icon-chevron-flat-down {
|
2022-12-18 17:50:40 -06:00
|
|
|
-webkit-mask-image: url("../res/icons/chevron-first.svg");
|
|
|
|
mask-image: url("../res/icons/chevron-first.svg");
|
2022-12-05 20:22:19 -06:00
|
|
|
transform: rotate(-90deg);
|
|
|
|
}
|
2022-12-07 21:26:37 -06:00
|
|
|
|
2023-01-24 20:37:38 -06:00
|
|
|
.ui.icon > .icon-scroll {
|
|
|
|
-webkit-mask-image: url("../res/icons/scroll.svg");
|
|
|
|
mask-image: url("../res/icons/scroll.svg");
|
|
|
|
}
|
|
|
|
|
2022-12-07 21:26:37 -06:00
|
|
|
.ui.icon > .icon-settings {
|
2022-12-18 17:50:40 -06:00
|
|
|
-webkit-mask-image: url("../res/icons/settings.svg");
|
|
|
|
mask-image: url("../res/icons/settings.svg");
|
2022-12-07 21:26:37 -06:00
|
|
|
}
|
2023-01-02 18:12:18 -06:00
|
|
|
|
2023-04-05 17:02:28 -05:00
|
|
|
.ui.icon > .icon-unzoom {
|
|
|
|
-webkit-mask-image: url("../res/icons/scaling.svg");
|
|
|
|
mask-image: url("../res/icons/scaling.svg");
|
|
|
|
}
|
|
|
|
|
2023-01-02 18:12:18 -06:00
|
|
|
.ui.inline-icon.icon-grid::after,
|
|
|
|
.ui.icon > .icon-grid {
|
|
|
|
-webkit-mask-image: url("../res/icons/grid.svg");
|
|
|
|
mask-image: url("../res/icons/grid.svg");
|
|
|
|
}
|
|
|
|
|
|
|
|
.ui.inline-icon.icon-venetian-mask::after,
|
|
|
|
.ui.icon > .icon-venetian-mask {
|
|
|
|
-webkit-mask-image: url("../res/icons/venetian-mask.svg");
|
|
|
|
mask-image: url("../res/icons/venetian-mask.svg");
|
|
|
|
}
|
|
|
|
|
|
|
|
.ui.inline-icon.icon-brush::after,
|
|
|
|
.ui.icon > .icon-brush {
|
|
|
|
-webkit-mask-image: url("../res/icons/brush.svg");
|
|
|
|
mask-image: url("../res/icons/brush.svg");
|
|
|
|
}
|
|
|
|
|
|
|
|
.ui.inline-icon.icon-paintbrush::after,
|
|
|
|
.ui.icon > .icon-paintbrush {
|
|
|
|
-webkit-mask-image: url("../res/icons/paintbrush.svg");
|
|
|
|
mask-image: url("../res/icons/paintbrush.svg");
|
|
|
|
}
|
|
|
|
|
2023-01-29 16:39:00 -06:00
|
|
|
.ui.inline-icon.icon-slice::after,
|
|
|
|
.ui.icon > .icon-slice {
|
|
|
|
-webkit-mask-image: url("../res/icons/slice.svg");
|
|
|
|
mask-image: url("../res/icons/slice.svg");
|
|
|
|
}
|
|
|
|
|
2023-07-08 10:49:56 -05:00
|
|
|
.ui.inline-icon.icon-joystick::after,
|
|
|
|
.ui.icon > .icon-joystick {
|
|
|
|
-webkit-mask-image: url("../res/icons/joystick.svg");
|
|
|
|
mask-image: url("../res/icons/joystick.svg");
|
|
|
|
}
|
|
|
|
|
2023-01-26 22:39:08 -06:00
|
|
|
.ui.inline-icon.icon-save::after,
|
|
|
|
.ui.icon > .icon-save {
|
|
|
|
-webkit-mask-image: url("../res/icons/save.svg");
|
|
|
|
mask-image: url("../res/icons/save.svg");
|
|
|
|
}
|
|
|
|
|
|
|
|
.ui.inline-icon.icon-pencil::after,
|
|
|
|
.ui.icon > .icon-pencil {
|
|
|
|
-webkit-mask-image: url("../res/icons/pencil.svg");
|
|
|
|
mask-image: url("../res/icons/pencil.svg");
|
|
|
|
}
|
|
|
|
|
|
|
|
.ui.inline-icon.icon-download::after,
|
|
|
|
.ui.icon > .icon-download {
|
|
|
|
-webkit-mask-image: url("../res/icons/download.svg");
|
|
|
|
mask-image: url("../res/icons/download.svg");
|
|
|
|
}
|
|
|
|
.ui.inline-icon.icon-upload::after,
|
|
|
|
.ui.icon > .icon-upload {
|
|
|
|
-webkit-mask-image: url("../res/icons/upload.svg");
|
|
|
|
mask-image: url("../res/icons/upload.svg");
|
|
|
|
}
|
|
|
|
.ui.inline-icon.icon-more-horizontal::after,
|
|
|
|
.ui.icon > .icon-more-horizontal {
|
|
|
|
-webkit-mask-image: url("../res/icons/more-horizontal.svg");
|
|
|
|
mask-image: url("../res/icons/more-horizontal.svg");
|
|
|
|
}
|
|
|
|
.ui.inline-icon.icon-trash::after,
|
|
|
|
.ui.icon > .icon-trash {
|
|
|
|
-webkit-mask-image: url("../res/icons/trash.svg");
|
|
|
|
mask-image: url("../res/icons/trash.svg");
|
|
|
|
}
|
|
|
|
|
2023-01-02 18:12:18 -06:00
|
|
|
.ui.inline-icon.icon-expand::after,
|
|
|
|
.ui.icon > .icon-expand {
|
|
|
|
-webkit-mask-image: url("../res/icons/expand.svg");
|
|
|
|
mask-image: url("../res/icons/expand.svg");
|
|
|
|
}
|
|
|
|
|
|
|
|
.ui.inline-icon.icon-pin::after,
|
|
|
|
.ui.icon > .icon-pin {
|
|
|
|
-webkit-mask-image: url("../res/icons/pin.svg");
|
|
|
|
mask-image: url("../res/icons/pin.svg");
|
|
|
|
}
|
|
|
|
|
|
|
|
.ui.inline-icon.icon-box-select::after,
|
|
|
|
.ui.icon > .icon-box-select {
|
|
|
|
-webkit-mask-image: url("../res/icons/box-select.svg");
|
|
|
|
mask-image: url("../res/icons/box-select.svg");
|
|
|
|
}
|
|
|
|
|
|
|
|
.ui.inline-icon.icon-maximize::after,
|
|
|
|
.ui.icon > .icon-maximize {
|
|
|
|
-webkit-mask-image: url("../res/icons/maximize.svg");
|
|
|
|
mask-image: url("../res/icons/maximize.svg");
|
|
|
|
}
|
|
|
|
|
|
|
|
.ui.inline-icon.icon-clipboard-list::after,
|
|
|
|
.ui.icon > .icon-clipboard-list {
|
|
|
|
-webkit-mask-image: url("../res/icons/clipboard-list.svg");
|
|
|
|
mask-image: url("../res/icons/clipboard-list.svg");
|
|
|
|
}
|
2024-02-21 08:18:28 -06:00
|
|
|
|
|
|
|
.ui.inline-icon.icon-squircle::after,
|
|
|
|
.ui.icon > .icon-squircle {
|
|
|
|
-webkit-mask-image: url("../res/icons/squircle.svg");
|
|
|
|
mask-image: url("../res/icons/squircle.svg");
|
|
|
|
}
|
2024-08-25 17:24:28 -05:00
|
|
|
|
|
|
|
.ui.inline-icon.icon-file-plus::after,
|
|
|
|
.ui.icon > .icon-file-plus {
|
|
|
|
-webkit-mask-image: url("../res/icons/file-plus.svg");
|
|
|
|
mask-image: url("../res/icons/file-plus.svg");
|
|
|
|
}
|
|
|
|
|
|
|
|
.ui.inline-icon.icon-lock::after,
|
|
|
|
.ui.icon > .icon-lock {
|
|
|
|
-webkit-mask-image: url("../res/icons/lock.svg");
|
|
|
|
mask-image: url("../res/icons/lock.svg");
|
|
|
|
}
|