X-Git-Url: https://git.josue.xyz/?p=josuexyz%2F.git;a=blobdiff_plain;f=public%2Fvendors%2Fbulma%2Fsass%2Fgrid%2Ftiles.sass;fp=public%2Fvendors%2Fbulma%2Fsass%2Fgrid%2Ftiles.sass;h=15648c29812e48900855dfc47ad387e3e2348fd4;hp=0000000000000000000000000000000000000000;hb=b0af3b998eb478c3525db23781c4a5bc1ec52d76;hpb=3337fe9284225df913e363121d9fb4f257cc28e8 diff --git a/public/vendors/bulma/sass/grid/tiles.sass b/public/vendors/bulma/sass/grid/tiles.sass new file mode 100644 index 0000000..15648c2 --- /dev/null +++ b/public/vendors/bulma/sass/grid/tiles.sass @@ -0,0 +1,34 @@ +$tile-spacing: 0.75rem !default + +.tile + align-items: stretch + display: block + flex-basis: 0 + flex-grow: 1 + flex-shrink: 1 + min-height: min-content + // Modifiers + &.is-ancestor + margin-left: $tile-spacing * -1 + margin-right: $tile-spacing * -1 + margin-top: $tile-spacing * -1 + &:last-child + margin-bottom: $tile-spacing * -1 + &:not(:last-child) + margin-bottom: $tile-spacing + &.is-child + margin: 0 !important + &.is-parent + padding: $tile-spacing + &.is-vertical + flex-direction: column + & > .tile.is-child:not(:last-child) + margin-bottom: 1.5rem !important + // Responsiveness + +tablet + &:not(.is-child) + display: flex + @for $i from 1 through 12 + &.is-#{$i} + flex: none + width: ($i / 12) * 100%