You are here

Home » API reference » Bootstrap Paragraphs 8.2

bootstrap-paragraphs-accordion.css in Bootstrap Paragraphs 8.2

The less file for Bootstrap Paragraphs Accordion.

Can be quickly compiled to CSS at http://lesscss.org/less-preview/.

File

css/bootstrap-paragraphs-accordion.css
View source 
  1. /**

  2.  * @file

  3.  * The less file for Bootstrap Paragraphs Accordion.

  4.  *

  5.  * Can be quickly compiled to CSS at http://lesscss.org/less-preview/.

  6.  */

  7. /* Adds Accordion container.*/

  8. .paragraph--bp-accordion-container {

  9.   padding-top: 15px;

  10. }

  11. .paragraph--bp-accordion-container .bp-accordion-button {

  12.   float: right;

  13. }

  14. /* Adds margin and padding to paragraphs in accordion section bodies. */

  15. .paragraph.paragraph--type--bp-accordion .panel-heading a {

  16.   display: block;

  17.   padding: 10px 10px;

  18. }

  19. .paragraph.paragraph--type--bp-accordion .panel-heading a:after {

  20.   float: right;

  21. }

  22. .paragraph.paragraph--type--bp-accordion .panel-heading a[aria-expanded="false"].display:after {

  23.   content: "+";

  24. }

  25. .paragraph.paragraph--type--bp-accordion .panel-heading a[aria-expanded="true"].display:after {

  26.   content: "-";

  27. }

  28. .paragraph.paragraph--type--bp-accordion .panel-collapse > .paragraph {

  29.   padding-left: 15px;

  30.   padding-right: 15px;

  31. }

  32. .paragraph.paragraph--type--bp-accordion .panel-collapse > .paragraph > .paragraph__column {

  33.   padding-bottom: 15px;

  34.   padding-top: 15px;

  35. }

  36. .paragraph.paragraph--type--bp-accordion .panel-collapse .paragraph:last-of-type > .paragraph__column {

  37.   padding-bottom: 15px;

  38. }

  39. .paragraph.paragraph--type--bp-accordion .panel-collapse .paragraph + .paragraph > .paragraph__column,

  40. .paragraph.paragraph--type--bp-accordion .panel-collapse .paragraph + .paragraph + .paragraph > .paragraph__column {

  41.   padding-bottom: 30px;

  42. }