Production release December 2023 #8
|
@ -382,30 +382,50 @@ a:hover .text-usage-counts-hover:extend(.uk-text-background) {
|
|||
height: @general-access-route-badge-size;
|
||||
position: relative;
|
||||
|
||||
&:has(:first-child) {
|
||||
& > .dot:first-child {
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
|
||||
&:has(:nth-child(2)) {
|
||||
& > .dot:first-child {
|
||||
left: 0;
|
||||
transform: translate(0, -50%);
|
||||
}
|
||||
|
||||
& > .dot:nth-child(2) {
|
||||
right: 0;
|
||||
top: 50%;
|
||||
transform: translate(0, -50%);
|
||||
}
|
||||
|
||||
&:has(:nth-child(3)) {
|
||||
& > .dot:first-child {
|
||||
left: 0;
|
||||
top: 100%;
|
||||
transform: translate(0, -100%);
|
||||
}
|
||||
|
||||
& > .dot:nth-child(2) {
|
||||
right: 0;
|
||||
top: 100%;
|
||||
transform: translate(0, -100%);
|
||||
}
|
||||
|
||||
& > .dot:nth-child(3) {
|
||||
left: 50%;
|
||||
top: 0;
|
||||
transform: translate(-50%, 0);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
& > .dot {
|
||||
position: absolute;
|
||||
margin-right: 0 !important;
|
||||
|
||||
&:first-child {
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
|
||||
&:last-child {
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
}
|
||||
|
||||
&:nth-child(2) {
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
&:nth-child(3) {
|
||||
top: 0;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in New Issue