mirror of
https://github.com/jgthms/bulma
synced 2026-03-21 04:34:30 -07:00
Add tiles
This commit is contained in:
@@ -157,3 +157,43 @@
|
|||||||
// Modifiers
|
// Modifiers
|
||||||
&.is-desktop
|
&.is-desktop
|
||||||
display: flex
|
display: flex
|
||||||
|
|
||||||
|
.tile-content
|
||||||
|
align-items: stretch
|
||||||
|
flex: 1
|
||||||
|
margin: 0 !important
|
||||||
|
// Responsiveness
|
||||||
|
+tablet
|
||||||
|
display: flex
|
||||||
|
|
||||||
|
.tile
|
||||||
|
flex: 1
|
||||||
|
// Modifiers
|
||||||
|
&.is-parent
|
||||||
|
padding: 10px
|
||||||
|
// Responsiveness
|
||||||
|
+tablet
|
||||||
|
// Sizes
|
||||||
|
@for $i from 1 through 12
|
||||||
|
&.is-#{$i}
|
||||||
|
flex: none
|
||||||
|
width: ($i / 12) * 100%
|
||||||
|
|
||||||
|
.tiles
|
||||||
|
align-items: stretch
|
||||||
|
// Modifiers
|
||||||
|
&.is-ancestor
|
||||||
|
margin-left: -10px
|
||||||
|
margin-right: -10px
|
||||||
|
margin-top: -10px
|
||||||
|
&:last-child
|
||||||
|
margin-bottom: -10px
|
||||||
|
&:not(:last-child)
|
||||||
|
margin-bottom: 10px
|
||||||
|
&.is-vertical
|
||||||
|
flex-direction: column
|
||||||
|
& > .tile-content:not(:last-child)
|
||||||
|
margin-bottom: 20px !important
|
||||||
|
// Responsiveness
|
||||||
|
+tablet
|
||||||
|
display: flex
|
||||||
|
|||||||
Reference in New Issue
Block a user