csfieldguide/static/interactives/data-visualisation/scss/data-visualisation.scss
@import "node_modules/bootstrap/scss/functions";
@import "node_modules/bootstrap/scss/variables";
@import "node_modules/bootstrap/scss/mixins";
canvas {
margin: auto;
}
table, th, td {
margin: auto;
font-family: monospace;
text-align: center;
padding: 1rem;
padding-left: 3rem;
padding-right: 3rem;
border: 1px solid #000;
border-collapse: collapse;
}
#data-vis-results, #data-vis-game {
position: relative;
margin: auto;
max-width: 800px;
}
@include media-breakpoint-down(md) {
table, th, td {
padding: 0.3rem;
padding-left: 1rem;
padding-right: 1rem;
}
}