Penambahan FrontEnd All-New-Manufacture
This commit is contained in:
27
public/scss/base/_custom-grid.scss
Normal file
27
public/scss/base/_custom-grid.scss
Normal file
@@ -0,0 +1,27 @@
|
||||
$grid-columns: 12;
|
||||
|
||||
|
||||
@mixin make-col($size, $columns: $grid-columns) {
|
||||
flex: 0 0 percentage($size / $columns);
|
||||
// Add a `max-width` to ensure content within each column does not blow out
|
||||
// the width of the column. Applies to IE10+ and Firefox. Chrome and Safari
|
||||
// do not appear to require this.
|
||||
max-width: percentage($size / $columns);
|
||||
}
|
||||
|
||||
|
||||
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
|
||||
@for $i from 1 through $grid-columns {
|
||||
.col-xxl-#{$i} {
|
||||
flex: 0 0 percentage($i / $grid-columns);
|
||||
max-width: percentage($i / $grid-columns);
|
||||
}
|
||||
}
|
||||
.mb-xxl-4{
|
||||
margin-bottom: 1.5rem !important;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user