library-mirrors/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma.git synced 2025-01-09 15:44:25 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

[Suggestion] Add responsive helpers to text-align helpers (#985)

Browse Source 
* add responsive helpers to text-align helpers

* better generation of classes

* better naming
This commit is contained in:
Tim MacDonald 2017-08-05 08:44:19 +10:00 committed by Jeremy Thomas
parent 01ff023a93
commit 010b6d70a0
1 changed files with 31 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
sass/base/helpers.sass
View File

@ -44,14 +44,38 @@
.is-size-#{$i}-fullhd
font-size: $size !important
.has-text-centered
text-align: center !important
$alignments: ('centered': 'center', 'left': 'left', 'right': 'right')
.has-text-left
text-align: left !important
.has-text-right
text-align: right !important
@each $alignment, $text-align in $alignments
.has-text-#{$alignment}
text-align: #{$text-align} !important
+mobile
.has-text-#{$alignment}-mobile
text-align: #{$text-align} !important
+tablet
.has-text-#{$alignment}-tablet
text-align: #{$text-align} !important
+tablet-only
.has-text-#{$alignment}-tablet-only
text-align: #{$text-align} !important
+touch
.has-text-#{$alignment}-touch
text-align: #{$text-align} !important
+desktop
.has-text-#{$alignment}-desktop
text-align: #{$text-align} !important
+desktop-only
.has-text-#{$alignment}-desktop-only
text-align: #{$text-align} !important
+widescreen
.has-text-#{$alignment}-widescreen
text-align: #{$text-align} !important
+widescreen-only
.has-text-#{$alignment}-widescreen-only
text-align: #{$text-align} !important
+fullhd
.has-text-#{$alignment}-fullhd
text-align: #{$text-align} !important
.is-capitalized
text-transform: capitalize !important