inflation-explorer/atoms/default/client/css/main.scss

// @import "enhanced_fonts"; // for when you need special font features 
@import "fonts";
@import "mq";
@import "palette";
@import "dcr_enhancer"; 
@import "chart"; 
// default left column enhancer, works with inline, showcase and immersive weighting
// @import "full_immersive_enhancer"; // full-width enhancer, to be used with immersive weighting. Removes left colum, sets 100vw atom width at any breakpoint

/*----- Vertical scrollbar width used for sizing full viewport width elements -----*/
root {
    --scrollbar-width: 0;
    --half-scrollbar-width: 0;
}

.interactive-atom {
    margin: 0;
    padding: 0;
    background-color: #FFF;
}

// html, body {
//     font-size: 100%;
// }

// uncomment to test
// .gv-wrapper {
//     height: 400px;
//     background: #121212;
//     color: white;
//     border-top: 1px solid #dcdcdc;
//     border-bottom: 1px solid #dcdcdc;
// }

/*----- App fixes -----*/
.ios, .android {

    .element--immersive {
        // font-size: 100%;
        @include mq($until: tablet) {
            width: 100vw !important;
            position: relative;
            left: 50% !important;
            right: 50% !important;
            margin-left: -50vw !important;
            margin-right: -50vw !important;
        }
        @include mq(tablet) {
            transform: translateX(-20px);
            width: calc(100% + 60px);
        }
    }
    
    //remove dark mode padding in apps
    figure.element.element-atom, figure.interactive.interactive-atom.interactive--loading {
        padding: 0 !important;
    }
}