Styleguide palette CSS

Component type

module

Categories

Maintenance status

Development status

Component created

Component changed

Synopsis

Drupal's Style guide module contains a Style guide palette sub-module, which stores color swatches in the database and displays them on a separate page from the main style guide. However, themers who develop with CSS pre-processors like SCSS or LESS often store colors as variables inside the stylesheets themselves, and these colors may change as the project evolves (meaning that a database update would need to happen each time a color changes).

Vertical Tabs Responsive

Component type

module

Maintenance status

Development status

Downloads

6431

Component created

Component changed

This module responsifies vertical tabs in admin pages. You will have Drupal 8 like vertical tabs with only enabling it:

  • For desktop resolutions vertical tabs will appear in a right sidebar. However, you can also choose vertical tabs to appear on left sidebar through module's administration page.
  • For mobile resolutions vertical tabs will appear at the bottom of the page.

You can choose following options on module's administration form:

CKEditor LESS

Component type

module

Maintenance status

Development status

Downloads

415

Component created

Component changed

This is a simple module that glues the CKEditor and LESS modules together.

The issue when using CKEditor and LESS is that the theme styling isn't available inside the WYSIWYG, reason being that LESS files are generated dynamically and therefore not able to be added manually using CKEditor's "Define Path" option.

This module grabs the most recently generated LESS file generated by the active theme and inserts it into the WYSIWYG.

clickarea

Component type

module

Categories

Maintenance status

Development status

Component created

Component changed

This module allows you to make a html area (a div, or anything displayed as a block) clickable by configuration.

You can provide 2 css selectors, one for the div, and one for the link element inside the div that you would like to use a s a link.

The module will add a hoover class to the div upon hoover and using javascript will link to the href of when the area is clicked.