Ark/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma synced 2026-03-15 10:14:29 -07:00
Code Issues Packages Projects Releases Wiki Activity

Add responsive is-*-touch tags for .column sizes (#780)

Browse Source
This commit is contained in:
tom-rb
2017-06-24 20:22:28 -03:00
committed by Jeremy Thomas
parent 407a1a30fb
commit 8d53b37217
1 changed files with 37 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
sass/grid/columns.sass
View File

@@ -128,6 +128,43 @@
&.is-offset-#{$i},
&.is-offset-#{$i}-tablet
margin-left: ($i / 12) * 100%
+touch
&.is-narrow-touch
flex: none
&.is-full-touch
flex: none
width: 100%
&.is-three-quarters-touch
flex: none
width: 75%
&.is-two-thirds-touch
flex: none
width: 66.6666%
&.is-half-touch
flex: none
width: 50%
&.is-one-third-touch
flex: none
width: 33.3333%
&.is-one-quarter-touch
flex: none
width: 25%
&.is-offset-three-quarters-touch
margin-left: 75%
&.is-offset-two-thirds-touch
margin-left: 66.6666%
&.is-offset-half-touch
margin-left: 50%
&.is-offset-one-third-touch
margin-left: 33.3333%
&.is-offset-one-quarter-touch
margin-left: 25%
@for $i from 1 through 12
&.is-#{$i}-touch
flex: none
width: ($i / 12) * 100%
&.is-offset-#{$i}-touch
margin-left: ($i / 12) * 100%
+desktop
&.is-narrow-desktop
flex: none