12345678910111213141516171819202122232425262728293031323334353637 |
- .root {
- display: flex;
- justify-content: center;
- align-items: flex-end;
- margin-top: 20px;
- }
- .axY {
- display: flex;
- position: relative;
- flex-direction: column-reverse;
- align-items: flex-end;
- width: 1px;
- background-color:black;
- }
- .axY span {
- margin-right: 5px;
- margin-bottom: 1px;
- }
- .axY span::after {
- position: absolute;
- content:'';
- width: 5px;
- height: 5px;
- border-radius: 100%;
- left: -2px;
- background-color: rgb(5, 3, 3);
- }
- .bar {
- width: 20px;
- border:1px solid black;
- margin-left: 1px;
- }
- .line {
- height: 0;
- width: 0;
-
- }
|