Skip to content
This repository was archived by the owner on Jun 1, 2025. It is now read-only.

Styling

Ghislain B edited this page Oct 4, 2017 · 20 revisions

CSS/SASS Styles

Load the default Bootstrap theme style and/or customize it to your taste (requires SASS)

CSS

Default compiled css (if you use the plain Bootstrap Theme CSS, then add it to your .angular-cli.json file)

"styles": [
    "../node_modules/bootstrap/dist/css/bootstrap.css",
    "../node_modules/font-awesome/css/font-awesome.css",
    "styles.scss",
    "../node_modules/angular-slickgrid/styles/css/slickgrid-theme-bootstrap.css"
],

SASS (scss)

You could also compile the SASS files with your customization, for that simply take any of the _variables.scss (without the !default flag, for example: $grid-border-color: black) variable file and make sure to import the Bootstrap Theme afterward. For example, you could modify your style.scss with the following:

/* for example, let's change the mouse hover color */
$cell-odd-background-color: lightyellow;
$selected-hover-color: lightgreen;

/* make sure to add the @import the SlickGrid Bootstrap Theme AFTER the variables changes */
@import '../node_modules/angular-slickgrid/styles/sass/slickgrid-theme-bootstrap.scss';

Contents

Clone this wiki locally