Simple live CSS

A D8 rewrite of https://www.drupal.org/project/live_css with basic features only.

CSS can be added within the page, with live preview. The changes can then be saved to a CSS file that will be added to every page. Its primary usage purpose is (temporarily) overriding existing css.

Installation

Add the following libraries in your project's composer.json file under 'repositories':

   {
      "type": "package",
      "package": {
        "name": "library-blockui/blockui",
        "version": "2.70",
        "type": "drupal-library",
        "dist": {
          "url": "https://github.com/malsup/blockui/archive/2.70.zip",
          "type": "zip"
        }
      }
    },
    {
      "type": "package",
      "package": {
        "name": "ajaxorg/ace-builds",
        "version": "1.4",
        "type": "drupal-library",
        "dist": {
          "url": "https://github.com/ajaxorg/ace-builds/archive/v1.4.7.zip",
          "type": "zip"
        }
      }
    }

Run composer require library-blockui/blockui:^2.70
Run composer require ajaxorg/ace-builds:^1.4
And finally, run composer require drupal/simple_live_css

Configuration

• Enable the edit live css permission.
• Enable the enable admin live css setting on /admin/config/user-interface/simple-live-css if needed. This settings form is protected by the administer admin live css permission.

Administrator live css

When enabled, users with the edit admin live css permission will have a live CSS editor available on pages that use the admin theme. This admin live CSS is completely segregated from the regular live CSS. Changes you make here will only be visible on admin pages.