aleph1.co.uk Git - yaffs-website/blob - web/core/themes/classy/css/components/details.css

   1 /**
   2  * @file
   3  * Collapsible details.
   4  *
   5  * @see collapse.js
   6  * @see http://nicolasgallagher.com/css-background-image-hacks/
   7  */
   8
   9 details {
  10   border: 1px solid #ccc;
  11   margin-top: 1em;
  12   margin-bottom: 1em;
  13 }
  14 details > .details-wrapper {
  15   padding: 0.5em 1.5em;
  16 }
  17 /* @todo Regression: The summary of uncollapsible details are no longer
  18      vertically aligned with the .details-wrapper in browsers without native
  19      details support. */
  20 summary {
  21   cursor: pointer;
  22   padding: 0.2em 0.5em;
  23 }