mirror of
https://github.com/Chalarangelo/mini.css.git
synced 2025-08-28 08:10:23 +02:00
Fluid card rule addition and minor changes
This commit is contained in:
@@ -497,3 +497,5 @@
|
||||
- Added screen-specific layouts in the `grid.html` doc page.
|
||||
- Added offsets to the `grid.html` doc page.
|
||||
- Added reordering to the `grid.html` doc page, `grid` documentation finished - some polishing might still be required.
|
||||
- Added a rule for `fluid` `card`s inside `col-` elements, allowing the side margins to disappear at the edges of the grid, allowing for better content viewing on mobile. Only for the demo, not in the actual toolkit.
|
||||
- Changed the value of `$tab-stacked-breakpoint` to `767px` in line with above changes.
|
||||
|
@@ -40,6 +40,7 @@
|
||||
-webkit-align-self: auto;
|
||||
align-self: auto;
|
||||
}
|
||||
[class^='col-'] .card.fluid { margin: 2px 0 20px; }
|
||||
/* Local classes and ids for this page */
|
||||
.fore-primary { color: #0d47a1; font-family: monospace, monospace; }
|
||||
.fore-secondary { color: #b71c1c; font-family: monospace, monospace; }
|
||||
|
@@ -30,6 +30,7 @@
|
||||
.box-centered { text-align: center; }
|
||||
.box-colored { background: #0277bd; border-radius: 2px; padding: 14px; margin-bottom: 8px; min-height: 14px;}
|
||||
.box-colored.red { background: #b71c1c; }
|
||||
[class^='col-'] .card.fluid { margin: 2px 0 20px; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@@ -40,6 +40,7 @@
|
||||
-webkit-align-self: auto;
|
||||
align-self: auto;
|
||||
}
|
||||
[class^='col-'] .card.fluid { margin: 2px 0 20px; }
|
||||
/* Local classes and ids for this page */
|
||||
.fore-primary { color: #0d47a1; font-family: monospace, monospace; }
|
||||
.fore-secondary { color: #b71c1c; font-family: monospace, monospace; }
|
||||
|
@@ -40,6 +40,7 @@
|
||||
-webkit-align-self: auto;
|
||||
align-self: auto;
|
||||
}
|
||||
[class^='col-'] .card.fluid { margin: 2px 0 20px; }
|
||||
/* Local classes and ids for this page */
|
||||
.fore-primary { color: #0d47a1; font-family: monospace, monospace; }
|
||||
.fore-secondary { color: #b71c1c; font-family: monospace, monospace; }
|
||||
|
@@ -40,6 +40,7 @@
|
||||
-webkit-align-self: auto;
|
||||
align-self: auto;
|
||||
}
|
||||
[class^='col-'] .card.fluid { margin: 2px 0 20px; }
|
||||
/* Local classes and ids for this page */
|
||||
.box-left { text-align: left; }
|
||||
</style>
|
||||
|
Reference in New Issue
Block a user