Full rivers and one bridge
This commit is contained in:
26
test.html
26
test.html
@@ -25,91 +25,91 @@ div {
|
||||
.map {
|
||||
width: var(--map-width);
|
||||
height: var(--map-height);
|
||||
background-image: url('images/land1.svg');
|
||||
background-image: url('images/tropical/land.svg');
|
||||
display: grid;
|
||||
grid-template-columns: repeat(var(--map-width-tiles), 1fr);
|
||||
grid-template-rows: repeat(var(--map-height-tiles), 1fr);
|
||||
}
|
||||
|
||||
.road-tb {
|
||||
background-image: url('images/road1-tb.svg');
|
||||
background-image: url('images/tropical/road-tb.svg');
|
||||
background-size: cover;
|
||||
grid-column-end: span 2;
|
||||
grid-row-end: span 3;
|
||||
}
|
||||
|
||||
.road-lr {
|
||||
background-image: url('images/road1-lr.svg');
|
||||
background-image: url('images/tropical/road-lr.svg');
|
||||
background-size: cover;
|
||||
grid-column-end: span 3;
|
||||
grid-row-end: span 2;
|
||||
}
|
||||
|
||||
.road-br {
|
||||
background-image: url('images/road1-br.svg');
|
||||
background-image: url('images/tropical/road-br.svg');
|
||||
background-size: cover;
|
||||
grid-column-end: span 3;
|
||||
grid-row-end: span 3;
|
||||
}
|
||||
|
||||
.road-bl {
|
||||
background-image: url('images/road1-bl.svg');
|
||||
background-image: url('images/tropical/road-bl.svg');
|
||||
background-size: cover;
|
||||
grid-column-end: span 3;
|
||||
grid-row-end: span 3;
|
||||
}
|
||||
|
||||
.road-tr {
|
||||
background-image: url('images/road1-tr.svg');
|
||||
background-image: url('images/tropical/road-tr.svg');
|
||||
background-size: cover;
|
||||
grid-column-end: span 3;
|
||||
grid-row-end: span 3;
|
||||
}
|
||||
|
||||
.road-tl {
|
||||
background-image: url('images/road1-tl.svg');
|
||||
background-image: url('images/tropical/road-tl.svg');
|
||||
background-size: cover;
|
||||
grid-column-end: span 3;
|
||||
grid-row-end: span 3;
|
||||
}
|
||||
|
||||
.road-blr {
|
||||
background-image: url('images/road1-blr.svg');
|
||||
background-image: url('images/tropical/road-blr.svg');
|
||||
background-size: cover;
|
||||
grid-column-end: span 4;
|
||||
grid-row-end: span 3;
|
||||
}
|
||||
|
||||
.road-tlr {
|
||||
background-image: url('images/road1-tlr.svg');
|
||||
background-image: url('images/tropical/road-tlr.svg');
|
||||
background-size: cover;
|
||||
grid-column-end: span 4;
|
||||
grid-row-end: span 3;
|
||||
}
|
||||
|
||||
.road-ltb {
|
||||
background-image: url('images/road1-ltb.svg');
|
||||
background-image: url('images/tropical/road-ltb.svg');
|
||||
background-size: cover;
|
||||
grid-column-end: span 3;
|
||||
grid-row-end: span 4;
|
||||
}
|
||||
|
||||
.road-rtb {
|
||||
background-image: url('images/road1-rtb.svg');
|
||||
background-image: url('images/tropical/road-rtb.svg');
|
||||
background-size: cover;
|
||||
grid-column-end: span 3;
|
||||
grid-row-end: span 4;
|
||||
}
|
||||
|
||||
.road-tblr {
|
||||
background-image: url('images/road1-tblr.svg');
|
||||
background-image: url('images/tropical/road-tblr.svg');
|
||||
background-size: cover;
|
||||
grid-column-end: span 4;
|
||||
grid-row-end: span 4;
|
||||
}
|
||||
|
||||
.empty {
|
||||
background-image: url('images/empty1.svg');
|
||||
background-image: url('images/tropical/empty.svg');
|
||||
background-size: cover;
|
||||
grid-column-end: span 2;
|
||||
grid-row-end: span 1;
|
||||
|
||||
Reference in New Issue
Block a user