/* #resource-slider { width: 600px; margin: auto } @media only screen and (max-width: 768px) { #resource-slider { width: 85%; } } */ @import "~bulma/sass/utilities/_all.sass"; .is-blink { animation: blinker 2s linear infinite; } .has-background-info-dark { background-color: darken($info, 15) !important; } .has-background-info-light { background-color: lighten($info, 15) !important; } @keyframes blinker { 50% { opacity: 0; } } .has-border-left { border-left: 1px solid; } .has-border-left-grey { border-left: 1px solid $grey-lighter; } .has-cursor-pointer { cursor: pointer; } .modal .is-medium { width: 800px; } .has-text-vertical-middle { td, th { vertical-align: middle !important; } } #nba-container { position: relative; #nba { position: absolute; background-color: rgba(0, 0, 0, 0.6); z-index: 2; padding: 1vh; border-radius: 1rem; width: 50%; margin-left: 25%; margin-top: 10%; img { max-width: 100%; } } } .is-anchor { margin-top: -130px; padding-top: 130px; } .is-grid { display: grid; gap: 5px; @for $i from 1 through 12 { &.is-#{$i} { grid-template-columns: repeat($i, 1fr); } } }