mirror of
https://github.com/jgthms/bulma.git
synced 2024-11-14 11:14:24 +00:00
Add tiles
This commit is contained in:
parent
4d3aa5a51f
commit
d55c444b30
@ -157,3 +157,43 @@
|
||||
// Modifiers
|
||||
&.is-desktop
|
||||
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
|
||||
|
Loading…
Reference in New Issue
Block a user