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

Fix grid

Browse Source
This commit is contained in:
Jeremy Thomas
2016-10-30 23:44:50 +00:00
parent db6380b9fb
commit b8b3733d99
6 changed files with 59 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
sass/grid/columns.sass
View File

@@ -3,7 +3,7 @@
flex-basis: 0
flex-grow: 1
flex-shrink: 1
padding: 10px
padding: 0.75rem
.columns.is-mobile > &.is-narrow
flex: none
.columns.is-mobile > &.is-full
@@ -204,13 +204,13 @@
margin-left: ($i / 12) * 100%
.columns
margin-left: -10px
margin-right: -10px
margin-top: -10px
margin-left: -0.75rem
margin-right: -0.75rem
margin-top: -0.75rem
&:last-child
margin-bottom: -10px
margin-bottom: -0.75rem
&:not(:last-child)
margin-bottom: 10px
margin-bottom: 0.75rem
// Modifiers
&.is-centered
justify-content: center
@@ -221,7 +221,7 @@
&:last-child
margin-bottom: 0
&:not(:last-child)
margin-bottom: 20px
margin-bottom: 1.5rem
& > .column
margin: 0
padding: 0
@@ -231,7 +231,7 @@
flex-wrap: wrap
& > .column
max-width: 33.3333%
padding: 10px
padding: 0.75rem
width: 33.3333%
& + .column
margin-left: 0

14
sass/grid/tiles.sass
View File

@@ -7,21 +7,21 @@
min-height: min-content
// Modifiers
&.is-ancestor
margin-left: -10px
margin-right: -10px
margin-top: -10px
margin-left: -0.75rem
margin-right: -0.75rem
margin-top: -0.75rem
&:last-child
margin-bottom: -10px
margin-bottom: -0.75rem
&:not(:last-child)
margin-bottom: 10px
margin-bottom: 0.75rem
&.is-child
margin: 0 !important
&.is-parent
padding: 10px
padding: 0.75rem
&.is-vertical
flex-direction: column
& > .tile.is-child:not(:last-child)
margin-bottom: 20px !important
margin-bottom: 1.5rem !important
// Responsiveness
+tablet
&:not(.is-child)