mirror/mini-css
1
0
Fork 0
mirror of https://github.com/Chalarangelo/mini.css.git synced 2025-08-12 17:03:57 +02:00
Code Issues Releases 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
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-left-radius: 2px;
border-bottom-right-radius: 2px; } border-bottom-right-radius: 2px; }
@media (max-width: 768px) { @media (max-width: 767px) {
.tabs { .tabs {
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
-webkit-flex-direction: column; -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 screen-specific layouts in the `grid.html` doc page.
- Added offsets to 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 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; -webkit-align-self: auto;
align-self: auto; align-self: auto;
} }
[class^='col-'] .card.fluid { margin: 2px 0 20px; }
/* Local classes and ids for this page */ /* Local classes and ids for this page */
.fore-primary { color: #0d47a1; font-family: monospace, monospace; } .fore-primary { color: #0d47a1; font-family: monospace, monospace; }
.fore-secondary { color: #b71c1c; 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-centered { text-align: center; }
.box-colored { background: #0277bd; border-radius: 2px; padding: 14px; margin-bottom: 8px; min-height: 14px;} .box-colored { background: #0277bd; border-radius: 2px; padding: 14px; margin-bottom: 8px; min-height: 14px;}
.box-colored.red { background: #b71c1c; } .box-colored.red { background: #b71c1c; }
[class^='col-'] .card.fluid { margin: 2px 0 20px; }
</style> </style>
</head> </head>
<body> <body>

1
docs/v2/grid.html
View File

@@ -40,6 +40,7 @@
-webkit-align-self: auto; -webkit-align-self: auto;
align-self: auto; align-self: auto;
} }
[class^='col-'] .card.fluid { margin: 2px 0 20px; }
/* Local classes and ids for this page */ /* Local classes and ids for this page */
.fore-primary { color: #0d47a1; font-family: monospace, monospace; } .fore-primary { color: #0d47a1; font-family: monospace, monospace; }
.fore-secondary { color: #b71c1c; 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; -webkit-align-self: auto;
align-self: auto; align-self: auto;
} }
[class^='col-'] .card.fluid { margin: 2px 0 20px; }
/* Local classes and ids for this page */ /* Local classes and ids for this page */
.fore-primary { color: #0d47a1; font-family: monospace, monospace; } .fore-primary { color: #0d47a1; font-family: monospace, monospace; }
.fore-secondary { color: #b71c1c; 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; -webkit-align-self: auto;
align-self: auto; align-self: auto;
} }
[class^='col-'] .card.fluid { margin: 2px 0 20px; }
/* Local classes and ids for this page */ /* Local classes and ids for this page */
.box-left { text-align: left; } .box-left { text-align: left; }
</style> </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-fore-color: $fore-color; // Text color for tabs' panels
$tab-panel-padding: 6px; // Padding for tabs' panels $tab-panel-padding: 6px; // Padding for tabs' panels
$tab-panel-height: 400px; // Height 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 $tab-stacked-name: 'stacked'; // Class name for stacked tabs
// Variables for contextual background elements and alerts // Variables for contextual background elements and alerts
$mark-back-color: #0277bd; // Background color for <mark> $mark-back-color: #0277bd; // Background color for <mark>