O'Reilly logo

Mastering Grunt by Daniel Li

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Developing a simple Bulletin Board System (BBS)

This section will investigate the development of a simple employee management system. Perform the following steps:

  1. The first thing you should do is move to your Sass file directory, located in src/styles/sass.
  2. Within this directory, you will find main.scss. Populate your main.scss file with the following imports:
    @import 'bootstrap-sass/lib/bootstrap.scss';
    @import '_bbs.scss';

    Note that when you save main.scss, the terminal running the Grunt watch task populates with an update regarding the compilation of main.css, which can be found in src/styles.

  3. Following this, open _bbs.scss and add the following lines of code:
    #board { .post { border-radius: 0; padding-bottom: 32px; } .reply { padding: 0 19px 0 40px; ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required