Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- .grid {
- display: grid;
- grid-template-columns: 45% 10% 45%;
- }
- .column-0 { grid-column-start: 1; grid-column-end: 2;}
- .column-1 { grid-column-start: 3; grid-column-end: 4;}
- .row-0 { grid-row-start: 1; grid-row-end: 2;}
- .row-1 { grid-row-start: 2; grid-row-end: 3;}
- .row-2 { grid-row-start: 3; grid-row-end: 4;}
- .row-3 { grid-row-start: 4; grid-row-end: 5;}
- .row-4 { grid-row-start: 5; grid-row-end: 6;}
- .row-5 { grid-row-start: 6; grid-row-end: 7;}
- .row-6 { grid-row-start: 7; grid-row-end: 8;}
- .grid > * {
- padding: 0.25em;
- border: 1px solid #eee;
- margin: 0 0 30px;
- position: relative;
- }
- .line-down:after {
- content: '';
- position:absolute;
- top:calc(100% + 5px);
- height: 20px;
- left:50%;
- width:4px;
- margin-left:-2px;
- background:pink;
- border-radius:2px;
- }
- .column-1.row-1:after {
- background: #00ff00;
- height: calc(20px * 10);
- }
- .column-1.row-1:after {
- background: #00ff00;
- height: calc(20px * 10);
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement