demo_styles.css 

.paragraphs-behavior-style--paragraphs-green {
  padding: 1em;
  background-color: #68ad52;
  color: white;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  text-align: center;
}

.paragraphs-behavior-style--paragraphs-blue {
  padding: 1em;
  background-color: #0851da;
  color: white;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  text-align: center;
}

.paragraphs-behavior-style .paragraphs-behavior-style--paragraphs-slideshow-light {
  background-color: #acf;
  color: #223;
  text-align: center;
}

.paragraphs-behavior-style .paragraphs-behavior-style--paragraphs-slideshow-dark {
  background-color: #223;
  color: #acf;
  text-align: center;
}

File

paragraphs_collection/modules/paragraphs_collection_demo/css/demo_styles.css
View source
  1. .paragraphs-behavior-style--paragraphs-green {

  2.   padding: 1em;

  3.   background-color: #68ad52;

  4.   color: white;

  5.   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

  6.   text-align: center;

  7. }

  8. 

  9. .paragraphs-behavior-style--paragraphs-blue {

  10.   padding: 1em;

  11.   background-color: #0851da;

  12.   color: white;

  13.   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

  14.   text-align: center;

  15. }

  16. 

  17. .paragraphs-behavior-style .paragraphs-behavior-style--paragraphs-slideshow-light {

  18.   background-color: #acf;

  19.   color: #223;

  20.   text-align: center;

  21. }

  22. 

  23. .paragraphs-behavior-style .paragraphs-behavior-style--paragraphs-slideshow-dark {

  24.   background-color: #223;

  25.   color: #acf;

  26.   text-align: center;

  27. }