Module
TransportDiagram/styles.css
From Dogcraft Wiki
No edit summary |
No edit summary |
||
Line 32: | Line 32: | ||
flex-direction: row; | flex-direction: row; | ||
justify-content: center; | justify-content: center; | ||
} | |||
.station { | |||
width: 30%; | |||
} | } | ||
.station-left { | .station-left { | ||
align-content: flex-start; | |||
margin-right: auto; | |||
} | } | ||
.station-right { | .station-right { | ||
align-content: flex-end; | |||
margin-left: auto; | |||
} | } |
Revision as of 00:26, 4 October 2022
/* Transport Diagram styles */
.transport-diagram {
display: flex;
flex-direction: column;
border: 1px solid #aaa;
border-radius: 10px;
background-color: #E9EDEF;
float: right;
clear: right;
width: 22em;
font-size: 88%;
line-height: 1.5em;
padding: 0.5em;
}
.transport-diagram-title {
font-size: 1.5em;
justify-content: center;
text-align: center;
font-weight: bold;
}
.track img {
margin: 0;
width: 30px;
height: 30px;
}
.diagram-row {
display: flex;
flex-direction: row;
justify-content: center;
}
.station {
width: 30%;
}
.station-left {
align-content: flex-start;
margin-right: auto;
}
.station-right {
align-content: flex-end;
margin-left: auto;
}
This page was last modified on 4 October 2022, at 00:26. (2 years ago)