• +31(0)570 51 33 22

DnnConsulting Blog

Setting up a Dnn theme to use Sass

Setting up a Dnn theme to use Sass

After my session at the Dnn Connect 2017 event I decided to create a tutorial on how to set up a skeleton them using Sass.

There is no hard setup of external frameworks like GruntJs etc., just install a Sass compiler and you are good to go!

The tutorial as all the source code as well!!

The tutorial explains how to structure your theme and where to place it in a Dnn install, how to import the Bootstrap 3.3.7 Sass source as well as the base code to create a theme.

As long as you know a small amount of Css, the tutorial should be very simple and clear to follow.

After you have completed the tutorial you should have a skeleton theme to play about with and have the knowledge of how to import other frameworks like Zurb Foundation and MaterializeCss.

After you have followed the tutorial you should be about to quickly set up and create great themes quickly and easily.

The tutorial can be downloaded here.

Feedback is always good so please add your comments below!


Total: 0 Comment(s)

Latest posts

Proof of concept: Dnn and Css grid working together!
1/31/2018 12:10 PM | Geoff Barlow
Setting up a Dnn theme to use Sass
6/3/2017 2:39 PM | Geoff Barlow
The DnnThemeEditor
4/7/2017 2:20 PM | Geoff Barlow
Intro to the DnnContra theme for Dnn
3/11/2017 2:56 PM | Geoff Barlow
Welcome to the FREE DnnMinimalist to the Dnn ecosystem
3/11/2017 2:54 PM | Geoff Barlow
The new Dnn9 Administration User Experience
11/3/2016 1:31 PM | Geoff Barlow
Intro to the DnnMDesign theme for Dnn using Bootstrap 3
5/12/2016 2:08 PM | Geoff Barlow
Using SVG files in a Dnn text/html module
4/18/2016 11:52 AM | Geoff Barlow
Placing social buttons in the DnnBootster theme
4/14/2016 4:30 PM | Geoff Barlow
Changing & creating DnnBootster color schemes
4/7/2016 2:20 PM | Geoff Barlow


.WeHostDnn : Dnn Hosting
emberWeb : Web Agency
(Avialable soon)
interschools : For schools
cmsXpress : Internet Solutions

DnnConsulting : The best choice in complete website solutions!

Contact us via email

or phone +31 (0)570 51 33 83