The easiest way to feel Drupal
Download the development release, for a Christmas experience.
Da Vinci is a Drupal 7/8 theme. It's very light weight for fast loading with a modern look.
- Simple and clean design
- Drupal standards compliant
- Multi-level dropdown menus
- Browser selector
- Sass & Compass/Gulp
Drupal 7 information
Installation
- Download and enable
- Configure jQuery Update, with a default jQuery Version major to 1.7, (recommended v1.10).
- Download the following plugins:
- Extract Da Vinci Plugins under sites/all/libraries/da-vinci-plugins
- Extract EasyModal under sites/all/libraries/easymodal
- Extract Masonry under sites/all/libraries/masonry
- Install Gems and RVM, very EASY, copy & paste
- Install RVM
- Install Bundle (gem install bundle)
- Install Gemfile in /themes/da_vinci
- Execute: bundle install
More details about how to install in the README.txt
Good practices
For the creation of this subject have followed a set of guidelines, which set below:
- The order of folders: Such generic, and Sass own. It's very intuitive for find a particular file by the given names.
- Ordered and clean code: When we divide our files by category (and using Sass), each file has less lines of code, also avoiding the repetition of classes and styles.
- Templates without classes like “col-sm-3”: this point can nested inside “Ordered and clean code”, because this type of classes dirty our HTML.
- Documentation: All the folders have a README.txt where we can find information about the type of files that are placed in this directory, and the use of the same. Also, you can find some help, if you need to write your own code.
Use of Sass in a standard and full way.
Region for content over the sidebar: with our “Preface” region, we can add content over the sidebars.
Performance and accessibility
It is set for won’t generate too much CSS, that can be unnecessary.
By default, and having care with our modifications, Da Vinci is an accessible theme, some complex for a base theme.
Tools
Susy
Susy isn’t a grid system. Susy is a “Grid Framework”.
To use grids, a good choice can be Susy. We can have more that a main grid, nesting the other grids between them and also realizing our maths, for example, for different columns sizes, isolate elements, etc.
For the other hand, Susy allow us liberate of classes like “col-lg-8” inside our HTML.
In this way, our HTML will be cleaner, clear, and we shouldn’t realize too many changes in our templates in the case of wanting readjust the measures of some element.
More about Susy: http://susy.oddbird.net/
Sass 3
From the 3.3.0 version, Sass give us new functionalities without the need of FireSass or any type of plugin.
More about Sass: http://sass-lang.com/
Bourbon
Bourbon is another Sass library with its own grid, components and base styles.
Can be easier the use of its components, avoiding have to be including files depending of its use.
More about Bourbon: http://bourbon.io/
Compass
Compass, our Sass library par excellence. In this library there are tons of mixins that can be useful in the diary use. Furthermore, we can use for compile our Sass files in CSS.
More about Compass: http://compass-style.org/
