#simulator { @import "3rdparty/bulma/bulma.sass"; // properties that Bulma would set on the tag font-size: $body-size; text-rendering: $body-rendering; box-sizing: border-box; margin: 0; padding: 0; background-color: $body-background-color; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; min-width: $body-min-width; overflow-x: hidden; overflow-y: auto; text-size-adjust: 100%; // properties that Bulma would set on the tag font-weight: $body-weight; line-height: $body-line-height; font-family: $body-family; color: $body-color; & > section, & > footer { font-size: $body-font-size; // we must set this on each direct child of the #simulator div, because if it's specified in em, it's multiplied by the parent font-size } @import "app.scss"; } // Integration in a wordpress page body.page { #simulator { width: 100%; max-width: 100%; button.delete { padding: 0; } .select:not(.is-multiple):not(.is-loading)::after { border: none; // wordpress has its own icon for select elements } } }