my-banner.css

Same filename and directory in other branches
  1. 11.x core/modules/system/tests/modules/sdc_test/components/my-banner/my-banner.css
.component--my-banner {
  position: relative;
  width: 80%;
  max-width: 1200px;
  padding: 2em;
  color: white;
  background: black;
  background-size: cover;
}
.component--my-banner--header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.component--my-banner--header h3 {
  margin: 0;
  font-size: 2em;
}
.component--my-banner--body > * {
  margin-bottom: 0;
}
.component--my-banner--body > :first-child {
  margin-top: 1em;
}

File

View on git.drupalcode.org

core/modules/system/tests/modules/sdc_test/components/my-banner/my-banner.css

View source 
  1. .component--my-banner {

  2.   position: relative;

  3.   width: 80%;

  4.   max-width: 1200px;

  5.   padding: 2em;

  6.   color: white;

  7.   background: black;

  8.   background-size: cover;

  9. }

  10. .component--my-banner--header {

  11.   display: flex;

  12.   align-items: center;

  13.   justify-content: space-between;

  14. }

  15. .component--my-banner--header h3 {

  16.   margin: 0;

  17.   font-size: 2em;

  18. }

  19. .component--my-banner--body > * {

  20.   margin-bottom: 0;

  21. }

  22. .component--my-banner--body > :first-child {

  23.   margin-top: 1em;

  24. }

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