variables.css

Same filename in this branch
  1. 9 core/themes/olivero/css/base/variables.css
Same filename and directory in other branches
  1. 8.9.x core/themes/claro/css/base/variables.css
  2. 10 core/themes/olivero/css/base/variables.css
  3. 10 core/themes/claro/css/base/variables.css
  4. 11.x core/themes/olivero/css/base/variables.css
  5. 11.x core/themes/claro/css/base/variables.css
  6. 11.x core/modules/navigation/css/base/variables.css
/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */
:root {
  /*
   * Color Palette.
   */
  /* Secondary. */
  /* Variations. */
  /* 5% darker than base. */
  /* 10% darker than base. */
  /* 5% darker than base. */
  /* 10% darker than base. */
  /* 2% darker than base. */
  /* 5% darker than base. */
  /* 5% darker than base. */
  /* 10% darker than base. */
  /* Gray variations. */
  /* Blue variations. */
  /* Red variations. */
  /*
   * Base.
   */
  /*
   * Typography.
   */
  /* 18px */
  /* 1rem = 16px if font root is 100% ands browser defaults are used. */
  /* ~36px */
  /* ~32px */
  /* ~29px */
  /* ~26px */
  /* ~23px */
  /* ~20px */
  /* 18px */
  /* ~14px */
  /* ~13px */
  /* ~11px */
  /**
   * Spaces.
   */
  /* 3 * 16px = 48px */
  /* 1.5 * 16px = 24px */
  /* 1 * 16px = 16px */
  /* 0.75 * 16px = 12px */
  /* 0.5 * 16px = 8px */
  /*
   * Common.
   */
  /**
   * Shadows.
   */
  /*
   * Inputs.
   */
  /* Davy's gray with 0.6 opacity. */
  /* Light gray with 0.3 opacity on white bg. */
  /* Old silver with 0.5 opacity on white bg. */
  /* (1/8)em ~ 2px */
  /* (1/16)em ~ 1px */
  /* Font size is too big to use 1rem for extrasmall line-height */
  /* 7px inside the form element label. */
  /* 8px with the checkbox width of 19px */
  /*
   * Details.
   */
  /**
   * Buttons.
   */
  /**
   * jQuery.UI dropdown.
   */
  /* Light gray with 0.8 opacity. */
  /* Text color with 0.1 opacity. */
  /**
   * jQuery.UI dialog.
   */
  /**
   * Progress bar.
   */
  /**
   * Tabledrag icon size.
   */
  /* 17px */
  /**
   * Ajax progress.
   */
  /**
   * Breadcrumb.
   */
  /**
    * Vertical Tabs.
    */
}

File

core/themes/claro/css/base/variables.css

View source 
  1. /*

  2.  * DO NOT EDIT THIS FILE.

  3.  * See the following change record for more information,

  4.  * https://www.drupal.org/node/3084859

  5.  * @preserve

  6.  */

  7. :root {

  8.   /*

  9.    * Color Palette.

  10.    */

  11.   /* Secondary. */

  12.   /* Variations. */

  13.   /* 5% darker than base. */

  14.   /* 10% darker than base. */

  15.   /* 5% darker than base. */

  16.   /* 10% darker than base. */

  17.   /* 2% darker than base. */

  18.   /* 5% darker than base. */

  19.   /* 5% darker than base. */

  20.   /* 10% darker than base. */

  21.   /* Gray variations. */

  22.   /* Blue variations. */

  23.   /* Red variations. */

  24.   /*

  25.    * Base.

  26.    */

  27.   /*

  28.    * Typography.

  29.    */

  30.   /* 18px */

  31.   /* 1rem = 16px if font root is 100% ands browser defaults are used. */

  32.   /* ~36px */

  33.   /* ~32px */

  34.   /* ~29px */

  35.   /* ~26px */

  36.   /* ~23px */

  37.   /* ~20px */

  38.   /* 18px */

  39.   /* ~14px */

  40.   /* ~13px */

  41.   /* ~11px */

  42.   /**

  43.    * Spaces.

  44.    */

  45.   /* 3 * 16px = 48px */

  46.   /* 1.5 * 16px = 24px */

  47.   /* 1 * 16px = 16px */

  48.   /* 0.75 * 16px = 12px */

  49.   /* 0.5 * 16px = 8px */

  50.   /*

  51.    * Common.

  52.    */

  53.   /**

  54.    * Shadows.

  55.    */

  56.   /*

  57.    * Inputs.

  58.    */

  59.   /* Davy's gray with 0.6 opacity. */

  60.   /* Light gray with 0.3 opacity on white bg. */

  61.   /* Old silver with 0.5 opacity on white bg. */

  62.   /* (1/8)em ~ 2px */

  63.   /* (1/16)em ~ 1px */

  64.   /* Font size is too big to use 1rem for extrasmall line-height */

  65.   /* 7px inside the form element label. */

  66.   /* 8px with the checkbox width of 19px */

  67.   /*

  68.    * Details.

  69.    */

  70.   /**

  71.    * Buttons.

  72.    */

  73.   /**

  74.    * jQuery.UI dropdown.

  75.    */

  76.   /* Light gray with 0.8 opacity. */

  77.   /* Text color with 0.1 opacity. */

  78.   /**

  79.    * jQuery.UI dialog.

  80.    */

  81.   /**

  82.    * Progress bar.

  83.    */

  84.   /**

  85.    * Tabledrag icon size.

  86.    */

  87.   /* 17px */

  88.   /**

  89.    * Ajax progress.

  90.    */

  91.   /**

  92.    * Breadcrumb.

  93.    */

  94.   /**

  95.     * Vertical Tabs.

  96.     */

  97. }

Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.