Bulma: How to set base font-size for responsive layouts

[Kay2dan]

This is about Bulma Documentation.

This is not a bug, but a question on usage. I have gone through the docs, however, am a bit confused about how to set base fonts for responsive layouts.

Overview of the problem

I'm using Bulma version [0.6.2]
My browser is: Firefox 62.0
I am sure this issue is not a duplicate.

I am not clear how to set responsive media queries in Bulma. How can I set a base $body-size for mobile, tablet, desktop etc. This would make the sizes & content automatically resize based on the layout.

I posted this question on Stackoverflow before posting here.

Steps to Reproduce

n/a

Expected behavior

Guidance on how to set the base font-size for different responsive layouts.

Variables or method of setting base $body-size for responsive layout.

Actual behavior

There is no guidance, hence the confusion.

Seeking guidance. Thank you.

[jgthms]

You could use the responsive mixins like this:

+mobile
  html
    font-size: 14px

+tablet-only
  html
    font-size: 16px

+desktop-only
  html
    font-size: 18px

+widescreen-only
  html
    font-size: 20px

+fullhd
  html
    font-size: 22px

[Kay2dan]

Thank you for the guidance @jgthms