Skip to content

Instantly share code, notes, and snippets.

@wrabit
Last active April 8, 2019 08:10
Show Gist options
  • Save wrabit/edfde3c8e36538e5bf2e63f8ac5c6f8b to your computer and use it in GitHub Desktop.
Save wrabit/edfde3c8e36538e5bf2e63f8ac5c6f8b to your computer and use it in GitHub Desktop.
Scaling responsive title sizing for Bulma
@include mobile {
.title.is-1 { font-size: $size-1 * 0.7 }
.title.is-2 { font-size: $size-2 * 0.7 }
.title.is-3 { font-size: $size-3 * 0.7 }
.title.is-4 { font-size: $size-4 * 0.7 }
.title.is-5 { font-size: $size-5 * 0.7 }
.title.is-6 { font-size: $size-6 * 0.7 }
}
@include tablet {
.title.is-1 { font-size: $size-1 * 0.8 }
.title.is-2 { font-size: $size-2 * 0.8 }
.title.is-3 { font-size: $size-3 * 0.8 }
.title.is-4 { font-size: $size-4 * 0.8 }
.title.is-5 { font-size: $size-5 * 0.8 }
.title.is-6 { font-size: $size-6 * 0.8 }
}
@include from($desktop) {
.title.is-1 { font-size: $size-1 }
.title.is-2 { font-size: $size-2 }
.title.is-3 { font-size: $size-3 }
.title.is-4 { font-size: $size-4 }
.title.is-5 { font-size: $size-5 }
.title.is-6 { font-size: $size-6 }
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment