Sha256: 564d33045b6928bd207c7999cfaba4da53faf184a9fff5680681a2d69599d6e8

Contents?: true

Size: 834 Bytes

Versions: 38

Compression:

Stored size: 834 Bytes

Contents

# CSS Styles with SASS

One of the first things you’ll want to do after you install Decidim is applying your own corporative image. To do this, you can go to app/assets/stylesheets/application.css.sass on your generated application with your own colors. There you can override any class using CSS with SASS.

In [decidim-core/app/assets/stylesheets/decidim/_variables.scss](https://github.com/decidim/decidim/blob/master/decidim-core/app/assets/stylesheets/decidim/_variables.scss) you can find the `variables` that can be overriden in your `sass`.

We use [SASS, with SCSS syntax](http://sass-lang.com/guide) as CSS preprocessor.

## **Accesibility**

To maintain accesibility level, if you add new colors use a [Color contrast checker](http://webaim.org/resources/contrastchecker/) (WCAG AA is mandatory, WCAG AAA is recommended)

Version data entries

38 entries across 38 versions & 1 rubygems

Version Path
decidim-0.23.6 docs/customization/styles.md
decidim-0.23.5 docs/customization/styles.md
decidim-0.23.4 docs/customization/styles.md
decidim-0.23.3 docs/customization/styles.md
decidim-0.23.2 docs/customization/styles.md
decidim-0.23.1 docs/customization/styles.md
decidim-0.23.1.rc1 docs/customization/styles.md
decidim-0.23.0 docs/customization/styles.md
decidim-0.22.0 docs/customization/styles.md
decidim-0.21.0 docs/customization/styles.md
decidim-0.20.1 docs/customization/styles.md
decidim-0.20.0 docs/customization/styles.md
decidim-0.19.1 docs/customization/styles.md
decidim-0.18.1 docs/customization/styles.md
decidim-0.19.0 docs/customization/styles.md
decidim-0.17.2 docs/customization/styles.md
decidim-0.18.0 docs/customization/styles.md
decidim-0.17.1 docs/customization/styles.md
decidim-0.16.1 docs/customization/styles.md
decidim-0.17.0 docs/customization/styles.md