61 lines
1.4 KiB
SCSS
61 lines
1.4 KiB
SCSS
@use "../abstracts/variables" as *;
|
|
@use "../abstracts/mixins" as *;
|
|
|
|
.distance-text-wrapper {
|
|
pointer-events: none !important;
|
|
}
|
|
.distance-text {
|
|
pointer-events: none !important;
|
|
div {
|
|
position: absolute;
|
|
transform: translate(-50%, -50%) scale(0.8);
|
|
pointer-events: none !important;
|
|
white-space: nowrap;
|
|
// style
|
|
font-size: var(--font-size-large);
|
|
padding: 2px 8px;
|
|
background: var(--background-color-accent);
|
|
color: var(--text-button-color);
|
|
border-radius: #{$border-radius-medium};
|
|
box-shadow: var(--box-shadow-light);
|
|
}
|
|
.area {
|
|
background: #008cff;
|
|
}
|
|
}
|
|
|
|
.pointer-none {
|
|
pointer-events: none;
|
|
}
|
|
|
|
// temp
|
|
.select-floorplane-wrapper {
|
|
position: absolute;
|
|
@include flex-center;
|
|
gap: 12px;
|
|
top: 0;
|
|
left: 50%;
|
|
padding: 8px;
|
|
padding-left: 14px;
|
|
background: var(--background-color);
|
|
backdrop-filter: blur(12px);
|
|
border-radius: #{$border-radius-large};
|
|
outline: 1px solid var(--border-color);
|
|
transform: translate(-50%, 12px);
|
|
z-index: 100;
|
|
.presets-container {
|
|
@include flex-center;
|
|
gap: 4px;
|
|
.preset {
|
|
background: var(--background-color);
|
|
padding: 2px 8px;
|
|
border-radius: #{$border-radius-large};
|
|
outline: 1px solid var(--border-color);
|
|
}
|
|
.active{
|
|
background: var(--background-color-accent);
|
|
color: var(--text-button-color);
|
|
}
|
|
}
|
|
}
|