beenull/mini.css
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Fluid card rule addition and minor changes

Browse source
This commit is contained in:
Angelos Chalaris 2016-11-21 22:10:13 +02:00
parent 0085ea0a3d
commit f643f78f1a
9 changed files with 10 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
dist/mini-default.css vendored
View file

@ -984,7 +984,7 @@ th:first-child, td:first-child {
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px; }
@media (max-width: 768px) {
@media (max-width: 767px) {
.tabs {
-webkit-box-orient: vertical;
-webkit-flex-direction: column;

2
dist/mini-default.min.css vendored
View file

File diff suppressed because one or more lines are too long

2
docs/v2/DEVLOG.md
View file

@ -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.

1
docs/v2/core.html
View file

@ -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; }

1
docs/v2/demo.html
View file

@ -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>

1
docs/v2/grid.html
View file

@ -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; }

1
docs/v2/index.html
View file

@ -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; }

1
docs/v2/modules.html
View file

@ -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>

2
src/flavors/mini-default.scss
View file

@ -338,7 +338,7 @@ $tab-panel-back-color: $back-color; // Background color for tabs' pane
$tab-panel-fore-color: $fore-color; // Text color for tabs' panels
$tab-panel-padding: 6px; // Padding for tabs' panels
$tab-panel-height: 400px; // Height for tabs' panels
$tab-stacked-breakpoint: $grid-medium-breakpoint; // Breakpoint for tabs layout (stacked/horizontal)
$tab-stacked-breakpoint: 767px; // Breakpoint for tabs layout (stacked/horizontal)
$tab-stacked-name: 'stacked'; // Class name for stacked tabs
// Variables for contextual background elements and alerts
$mark-back-color: #0277bd; // Background color for <mark>