Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Tablo: redefine variables for borders

See original GitHub issue

requirements

Borders widths and styles should be more granularly customisable. Different variables (with default that makes sense) should be defined for:

table borders
cell borders
resizer line
header bottom borders

specs

                    ---- table top border ---------------------------------
                     |      | <- fixed-columns-separator   | <- resizer-line   | <- header-cell-border |
                     | ---- header row border ---------                                                    | <-- table right border
table left border  ->|      | <- cell border      |          |   |
                    ---- row border -------------
                    |      |            |          | 
                    ----table bottom border ------

img_20170224_122113

For each of the entities, there should be a variable for width and one for color (used as suffixes)

row-border (default width: 0, default color: cell-border)
fixed-columns-separator (default width is header-cell-border * 2, default color is header-cell-border-color)
cell-border (default is

border, width and color)

columns-resizer-line (default is header-cell-border (width and color))
header-cell-border (the vertical border between header cells) (default is cell-border, width and color)
header-row-border (the horizontal border between header and table body) (default is table border, width and color) additionally:
table-border (default width and color for the all 4 sides)

Issue Analytics

State:
Created 7 years ago
Comments:5 (5 by maintainers)

Top GitHub Comments

1reaction

francescogiorcommented, Feb 16, 2017

👍 for header-cell-border but fixed columns can be more than one!

0reactions

francescogiorcommented, Feb 24, 2017

updated specs with a very nice hand-made and colorful drawing

Top Results From Across the Web

var() - CSS: Cascading Style Sheets - MDN Web Docs - Mozilla

The var() CSS function can be used to insert the value of a custom property (sometimes called a "CSS variable") instead of any...

JET CSS Variables - Oracle

Overview. CSS custom properties (aka CSS variables) are used in JET CSS files, details of the CSS files available are in the developer's ......

Excel VBA : Finishing Our File - Comments, Borders & Column ...

We will apply borders to a table using a mixture of hard-coded cell ranges and variable values and change the width of columns...

Variables | Bulma: Free, open source, and modern CSS ...

Variables. See how Bulma uses Sass variables to allow easy customization. Bulma has two variable files divided into 4 sections: Initial variables: where...

A Complete Guide to Custom Properties | CSS-Tricks

Like that they are often referred to as "CSS Variables" but that's ... but it's hard to change how that value will be...