MediaWiki:Common.less/leaflet.less: Difference between revisions
Add Pencil icon, and use map_icon instead of small_icon for entities
No edit summary |
(Add Pencil icon, and use map_icon instead of small_icon for entities) |
||
(10 intermediate revisions by the same user not shown) | |||
Line 1:
//<pre>
.map {
float: right;
clear: right;
}
background: #444444;
}
.leaflet-wiki-coordinates.leaflet-control {
margin: 0;
Line 5 ⟶ 13:
filter: drop-shadow(0 0 2px black);
}
.leaflet-tile-loaded {
//@media (prefers-reduced-motion: reduce) {▼
image-rendering: pixelated;
▲ //.leaflet-container * {
}
// transition-duration: unset !important;▼
// Prevents stuttery zoom when prefers-reduced-motion
//}▼
.leaflet-zoom-anim .leaflet-zoom-animated {
}
@square:
@circle: 50%;
Line 25 ⟶ 37:
@miner: #749696;
@blacksmith: #B4A432;
@stonemason: #
@detective: #5AB2BE;
@leatherworker: #866E62;
@merchant: #78B492;
@builder: #9C8A7C;
@palette: #DEDAD4;
@item: #90908C;
Line 39 ⟶ 52:
@icons: guard none Guard @circle,
chef chef Chef @square,
scout none Scout @circle,
minefighter none Minefighter @circle,
watchperson none Watchperson @circle,
builder builder Builder @square,
bank none Bank @square,
obstacle obstacle Obstacle @square,
search item Search @square,
shop none Shop @circle,
@themes: aggressive aggressive,
.generate-map-icon-rules(@classname, @color, @image, @shape) {
.leaflet-marker-icon-icon-@{classname} {
background: @@color url('/images/@{image}
border-radius: @shape;
}
Line 89 ⟶ 104:
.leaflet-marker-icon-entity {
background-color: red;
box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 2px 2px;
}
each(@icons, {
Line 113 ⟶ 129:
border-radius: @square;
}
//</pre>
|