Base Tables

Base tables is designed in a way where you can add it on top of the Base CSS framework or to your own custom project.

Table of contents

• Overview
• Installation
• Documentation
• Demo
• Support
• Authors
• License

Overview

Base Tables is a very thin layer which contains styles for tables for all breakpoints.

Installation

If you have an existing project and would like to include the Base tables module, run the following command:

npm install --save @getbase/tables

Once you have the tables module installed, you can include it in your CSS/LESS/SCSS file with one of the following ways:

CSS Import:

import url("https://unpkg.com/@getbase/tables/index.css");

SCSS Import:

/* Import Base Tables */
@import "~@getbase/tables/scss/index";
/* Your Other Styles */
@import "main"

LESS Import:

/* Import Base Tables */
@import "~@getbase/tables/less/index";
/* Your Other Styles */
@import "main"

Documentation

Base Tables includes styles for tables. Currently there is only 1 style applied to all tables. To preview how it looks, check out the example / demo below.

Demo

View page example with the tables stylesheet applied.

Support

• IE10+ and all other modern browsers.
• Please specify browsers you need to support in package.json according to browserslist docs.

Authors

Matthew Hartman

• https://twitter.com/matthewhartmans
• https://github.com/matthewhartman

License

Code released under the MIT Open Source license.