mirror/mini-css
1
0
Fork 0
mirror of https://github.com/Chalarangelo/mini.css.git synced 2025-08-05 13:27:25 +02:00
Code Issues Releases Wiki Activity

Bootstrap flavor - tables

Browse Source
This commit is contained in:
Angelos Chalaris
2016-10-08 12:50:53 +03:00
parent c81e997592
commit 38989e8cb3
3 changed files with 39 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
flavors/mini-bootstrap.css
View File

@@ -846,31 +846,31 @@ textarea {
- [1] : This style will apply to the table and cells. All styles applied to - [1] : This style will apply to the table and cells. All styles applied to
the table (horizontal, bordered) will use the same style of border. the table (horizontal, bordered) will use the same style of border.
*/ */
.tbl { .table {
border-collapse: collapse; border-collapse: collapse;
border-spacing: 0; border-spacing: 0;
empty-cells: show; empty-cells: show;
border: 1px solid #bdbdbd; } border: 1px solid #ddd; }
.tbl td, .tbl th { .table td, .table th {
overflow: visible; overflow: visible;
border-left: 1px solid #bdbdbd; border-left: 1px solid #ddd;
border-bottom: none; border-bottom: none;
margin: 0; margin: 0;
padding: 0.5em; } padding: 8px; }
.tbl thead { .table thead {
background-color: #d9d9d9; background-color: #fff;
color: #111; color: #333;
text-align: left; } text-align: left; }
.tbl tbody { .table tbody {
background-color: #f5f5f5; background-color: #fff;
color: #111; } color: #333; }
.tbl tbody tr:nth-child(2n-1) { .table tbody tr:nth-child(2n-1) {
background-color: #ececec; } background-color: #f9f9f9; }
.tbl.hor td, .tbl.hor th { .table.table-horizontal td, .table.table-horizontal th {
border-left: none; border-left: none;
border-bottom: 1px solid #bdbdbd; } border-bottom: 1px solid #ddd; }
.tbl.bor td, .tbl.bor th { .table.table-bordered td, .table.table-bordered th {
border-bottom: 1px solid #bdbdbd; } border-bottom: 1px solid #ddd; }
/* /*
Mixin for navigation bar and complementary styles. Mixin for navigation bar and complementary styles.

2
flavors/mini-bootstrap.min.css vendored
View File

File diff suppressed because one or more lines are too long

30
flavors/mini-bootstrap.scss
View File

@@ -197,6 +197,7 @@ $grid-large-breakpoint: 1200px; // Breakpoint for medium to large de
// 20%. // 20%.
// Some other functionalities are not supported as they are considered // Some other functionalities are not supported as they are considered
// unimportant for the time being. // unimportant for the time being.
// No form element size variants are supported yet.
// ------------------- // -------------------
$form-class-name: form; // Name for the form class $form-class-name: form; // Name for the form class
$form-control-group-name: form-group; // Name for the form's control group class $form-control-group-name: form-group; // Name for the form's control group class
@@ -212,20 +213,31 @@ $form-invalid-color: #a94442; // Color for invalid form element outli
// Variable definitions for the Table module (_table.scss) // Variable definitions for the Table module (_table.scss)
//==================================================================== //====================================================================
// Class names for the tables // Class names for the tables
$table-class-name: tbl; // Name for the table class // --- NOTES: ---
$table-horizontal-name: hor; // Name for the horizontal style tables // The .table class applies the default styling of mini.css (vertical
$table-bordered-name: bor; // Name for the bordered style tables // borders). To get the default styling of Bootstrap, use .table-horizontal
// along with .table.
// All customized tables are striped by default.
// Hover rows styling is not supported.
// Condensed tables are not supported.
// Contextual classes on tables are not supported (untested).
// Responsive tables are not supported. (Will be added as default in
// later versions)
// -------------------
$table-class-name: table; // Name for the table class
$table-horizontal-name: table-horizontal; // Name for the horizontal style tables
$table-bordered-name: table-bordered; // Name for the bordered style tables
// Colors for the tables // Colors for the tables
$table-head-bg-color: #d9d9d9; // Table header background color $table-head-bg-color: $body-bg-color; // Table header background color
$table-head-color: #111; // Table header text color $table-head-color: $body-color; // Table header text color
$table-body-bg-color: #f5f5f5; // Table body bakground color $table-body-bg-color: $body-bg-color; // Table body bakground color
$table-body-alt-bg-color: #ececec; // Table body alternative background color $table-body-alt-bg-color: #f9f9f9; // Table body alternative background color
$table-body-color: #111; // Table body text color $table-body-color: $body-color; // Table body text color
// Enable tables (_table.scss). (Use individual mixins below to use.) // Enable tables (_table.scss). (Use individual mixins below to use.)
@import '../scss/mini/table'; @import '../scss/mini/table';
// Use table mixin to create table with given specs. For more information // Use table mixin to create table with given specs. For more information
// refer to the _table.scss file to check the definitions. // refer to the _table.scss file to check the definitions.
@include make-tbl($table-class-name, 1px solid #bdbdbd, 0, 0.5em, $table-head-bg-color, $table-head-color, $table-body-bg-color,$table-body-alt-bg-color, $table-body-color, $table-horizontal-name, $table-bordered-name); @include make-tbl($table-class-name, 1px solid #ddd, 0, 8px, $table-head-bg-color, $table-head-color, $table-body-bg-color,$table-body-alt-bg-color, $table-body-color, $table-horizontal-name, $table-bordered-name);
//==================================================================== //====================================================================
// Variable definitions for the Navigation module (_nav.scss) // Variable definitions for the Navigation module (_nav.scss)
//==================================================================== //====================================================================