Skip to content
⛔️ DEPRECATED ⛔️ Project is worked in the Drupal.org issue tracker.
Branch: master
Clone or download
zolhorvath and lauriii Update navigation list styles (#73)
* Issue #70: Updates navigation styles, panel component and admin layout

* Issue #70: Remove unecessary layout stuff

* Issue #70: Fix PR change requests and follow design change

* Issue #70: Switch border style definition approach for admin-list items

* Issue #70: Add element class for admin-list link and clean up unused classes

* Issue #70: Separate system admin CSS

* Issue #70: Apply layout change request
Latest commit c2cc3fb Jan 8, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github Rename theme to Claro (#69) Nov 30, 2018
config Add default block placing configuration to the theme (#72) Dec 19, 2018
css Update navigation list styles (#73) Jan 8, 2019
images Update navigation list styles (#73) Jan 8, 2019
js Update Seven theme to 8.7.x (#35) Oct 3, 2018
scripts/js Add core js build scripts and packages (#6) Jun 1, 2018
templates
.eslintignore Add core js build scripts and packages (#6) Jun 1, 2018
.eslintrc.json Add core js build scripts and packages (#6) Jun 1, 2018
.eslintrc.passing.json Add core js build scripts and packages (#6) Jun 1, 2018
.gitignore Add CSS postprocessor to support variables (#53) Oct 26, 2018
.stylelintrc.json Travis buildsteps for running stylelint 🕵️‍♂️ (#1) Jun 1, 2018
.travis.yml Add core js build scripts and packages (#6) Jun 1, 2018
CODE_OF_CONDUCT.md Apply text field style update (#57) Dec 12, 2018
LICENSE Initial commit Jun 1, 2018
README.md Apply text field style update (#57) Dec 12, 2018
claro.breakpoints.yml Rename theme to Claro (#69) Nov 30, 2018
claro.info.yml Update navigation list styles (#73) Jan 8, 2019
claro.libraries.yml
claro.theme
logo.svg Copy of Seven theme from Drupal Core commit f290f49f6d Jun 1, 2018
package.json Add CSS postprocessor to support variables (#53) Oct 26, 2018
postcss.config.js Add CSS postprocessor to support variables (#53) Oct 26, 2018
screenshot.png Copy of Seven theme from Drupal Core commit f290f49f6d Jun 1, 2018
variables.js Issue #74: Update light gray color (#75) Jan 2, 2019
yarn.lock Add CSS postprocessor to support variables (#53) Oct 26, 2018

README.md

Claro Drupal admin theme

Pre-requisites

Before starting, ensure that you are using at least the latest LTS release of Node.js, once Node.js has been installed, we recommend to install yarn

npm i -g yarn

To install the required packages use

yarn install

Working on Javascript

When developing JavaScript locally you can use the watcher to make changes and have them compiled as you save as well as generate source maps.

yarn run watch:js

To build source maps you need to use

yarn run watch:js-dev

For building a single file use

yarn run build:js -- --file misc/drupal.es6.js

Working on CSS

The project uses PostCSS for managing variables and provide the needed browser support. CSS scaffolding tasks are following the logic of the js tasks:

  • yarn build:css Process sources without writing source maps.
  • yarn build:css-dev Process sources with (external) source maps.
  • yarn watch:css Watches source assets and applies distributive task if any of them changes.
  • yarn watch:css-dev Watches source assets and applies development task if any of them changes.

Linting js and css

For linting compiled CSS use

yarn run lint:css

For js there are two separate configs you can use

yarn run lint:js

yarn run lint:js-passing
You can’t perform that action at this time.