IMPROVEMENT: extend size of cards in rows

This commit is contained in:
Tony Air 2019-12-10 23:20:50 +07:00
parent 11bf2e068e
commit b8a92a664b
4 changed files with 13 additions and 2 deletions

5
dist/css/main.css vendored
View File

@ -15029,6 +15029,11 @@ textarea,
} }
} }
.row > [class^="col-"] > .card,
.row-xs > [class^="col-"] > .card {
height: 100%;
}
.row-xs { .row-xs {
margin-right: -0.5rem; margin-right: -0.5rem;
margin-left: -0.5rem; margin-left: -0.5rem;

File diff suppressed because one or more lines are too long

View File

@ -1,6 +1,6 @@
{ {
"name": "@a2nt/ss-bootstrap-ui-webpack-boilerplate", "name": "@a2nt/ss-bootstrap-ui-webpack-boilerplate",
"version": "1.2.0", "version": "1.2.1",
"author": "Tony Air <tony@twma.pro>", "author": "Tony Air <tony@twma.pro>",
"license": "MIT", "license": "MIT",
"description": "This UI Kit allows you to build Bootstrap 4 webapp with some extra UI features. It's easy to extend and easy to convert HTML templates to CMS templates.", "description": "This UI Kit allows you to build Bootstrap 4 webapp with some extra UI features. It's easy to extend and easy to convert HTML templates to CMS templates.",

View File

@ -327,6 +327,12 @@ button, input, optgroup, select, textarea,
} }
} }
.row, .row-xs {
> [class^="col-"] > .card {
height: 100%;
}
}
.row-xs { .row-xs {
margin-right: -($grid-gutter-xs-width / 2); margin-right: -($grid-gutter-xs-width / 2);
margin-left: -($grid-gutter-xs-width / 2); margin-left: -($grid-gutter-xs-width / 2);