"Fossies" - the Fresh Open Source Software Archive

Member "grav/user/themes/quark/scss/spectre/_accordions.scss" (19 Mar 2020, 599 Bytes) of package /linux/www/grav-v1.6.23.zip:


As a special service "Fossies" has tried to format the requested source page into HTML format using (guessed) SASS/SCSS source code syntax highlighting (style: standard) with prefixed line numbers. Alternatively you can here view or download the uninterpreted source code file.

    1 // Accordions
    2 .accordion {
    3   input:checked ~,
    4   &[open] {
    5     & .accordion-header {
    6       .icon {
    7         transform: rotate(90deg);
    8       }
    9     }
   10 
   11     & .accordion-body {
   12       max-height: 50rem;
   13     }
   14   }
   15 
   16   .accordion-header {
   17     display: block;
   18     padding: $unit-1 $unit-2;
   19 
   20     .icon {
   21       transition: transform .25s;
   22     }
   23   }
   24 
   25   .accordion-body {
   26     margin-bottom: $layout-spacing;
   27     max-height: 0;
   28     overflow: hidden;
   29     transition: max-height .25s;
   30   }
   31 }
   32 
   33 // Remove default details marker in Webkit
   34 summary.accordion-header {
   35   &::-webkit-details-marker {
   36     display: none;
   37   }
   38 }