What to look for when reviewing CSS

There are many things to consider when reviewing CSS against our CSS standards. This is a guide of things to consider and how to present the review when looks at core CSS.

Architectures guidelines

Is all the code still in use?

There are times when markup in core is changed but some CSS files that rely on a particular class or ID have not been updated. Check to make sure that the CSS still applies correctly.

Profile a site with Webprofiler

Using the Webprofiler, you can profile any Drupal 8 page analyzing both the performance and the internal structure of a website.

Installation

Install as any other Drupal module.
Webprofiler needs two javascript libraries to render the timeline and to syntax highlight collected queries:

LESS Module/Theme Usage

Usage

The following two examples provide equivalent functionality.

drupal_add_css():

<?php
drupal_add_css
(drupal_get_path('module', 'less_demo') . '/styles/less_demo.css.less');
?>

.info file:

stylesheets[all][] = styles/less_demo.css.less

By default all files added through the above .info method have any variables associated with the module automatically available when the .less file is compiled.

For automatic variable association with non globally added stylesheets, you can associate a stylesheet using this notation in .info files:

less[sheets][] = relative/path/to/stylesheet.css.less

LESS Engines

Requirements

LESS requires at least one of three possible engines available:

  • oyejorge/less.php *

    This is a pure PHP implementation, which is good for shared hosting, or if you don't feel comfortable
    installing or configuring software on your server.

    It lacks the ability to execute javascript embedded in .less files, so some LESS libraries might not work.

    Requirements:

    1. Libraries
    2. oyejorge/less.php installed such that Less.php is located at sites/all/libraries/less.php/Less.php

Drupal Remote Dashboard (and Server)

The Drupal Remote Dashboard (DRD) is a module for system administrators to monitor and manage any number of Drupal installations at once and it's built to be extensible by other modules.

For example, DRD enables you to place all your monitored sites into Maintenance mode, Clear the cache, run Cron or update.php.

Pages

Subscribe with RSS Subscribe to RSS - Designers/themers