geopf-extensions-openlayers
Version:
French Geoportal Extensions for OpenLayers libraries
37 lines (31 loc) • 1.67 kB
CSS
.gpf-btn-icon-zoom-in {
height: inherit;
width: inherit;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.gpf-btn-icon-zoom-in::after {
-webkit-mask: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSJjdXJyZW50Q29sb3IiPjxwYXRoIGQ9Ik0xMSAxMVY1SDEzVjExSDE5VjEzSDEzVjE5SDExVjEzSDVWMTFIMTFaIj48L3BhdGg+PC9zdmc+Cg==') center no-repeat;
mask: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSJjdXJyZW50Q29sb3IiPjxwYXRoIGQ9Ik0xMSAxMVY1SDEzVjExSDE5VjEzSDEzVjE5SDExVjEzSDVWMTFIMTFaIj48L3BhdGg+PC9zdmc+Cg==') center no-repeat;
}
.gpf-btn-icon-zoom-out {
height: inherit;
width: inherit;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.gpf-btn-icon-zoom-out::after {
-webkit-mask: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSJjdXJyZW50Q29sb3IiPjxwYXRoIGQ9Ik01IDExVjEzSDE5VjExSDVaIj48L3BhdGg+PC9zdmc+') center no-repeat;
mask: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSJjdXJyZW50Q29sb3IiPjxwYXRoIGQ9Ik01IDExVjEzSDE5VjExSDVaIj48L3BhdGg+PC9zdmc+') center no-repeat;
}
.gpf-btn-icon-zoom-out > span::before {
display: block;
content: "";
height: 1px;
width: 32px;
width: calc(100% - 8px);
background-color: var(--border-default-grey);
position: absolute;
top: 0px;
left: 4px;
}