How to remove padding on mobile for bulma node js component?

Question

Sass

There are nodes in the modules
https://github.com/jgthms/bulma/blob/master/sass/l...

$section-padding: 3rem 1.5rem !default
$section-padding-medium: 9rem 1.5rem !default
$section-padding-large: 18rem 1.5rem !default

.section
  padding: $section-padding
  // Responsiveness
  +desktop
    // Sizes
    &.is-medium
      padding: $section-padding-medium
    &.is-large
      padding: $section-padding-large

I wanted to completely remove the padding on small screens, should I edit this module? or how to prescribe
sass styles separately?

Answer 1

6. Add your own Bulma styles
bulam does not provide a structure like the one in UIKit. When there are separate files for each component, and you add your styles to separate files, a specific component, and then it all comes together.
In bulam you create a separate file as described in the documentation and write styles. You are free to decide whether to divide your own styles into components or not.
BUT! YOU SHOULD NOT edit the framework files directly!
"should I edit this module?" - NO!
"or somehow prescribe sass styles separately" - YES! As described in the documentation.