my-card.css

Same filename in this branch
  1. 11.x core/modules/system/tests/themes/sdc_theme_test/components/my-card/my-card.css
Same filename and directory in other branches
  1. 10 core/modules/system/tests/themes/sdc_theme_test_enforce_schema/components/my-card/my-card.css
  2. 10 core/modules/system/tests/themes/sdc_theme_test/components/my-card/my-card.css
.component--my-card {
  max-width: 500px;
  margin: 15px auto;
  color: #f1f1f1;
  border: 1px solid #141414;
  background-color: #252525;
}

.component--my-card__header {
  margin: 0;
  padding: 12px 24px 5px 24px;
  border-bottom: 1px solid #4a4a4a;
  font-size: 2.5rem;
  font-weight: bold;
}

.component--my-card__body {
  padding: 12px 24px 24px 24px;
}
.component--my-card__body .component--my-button {
  display: block;
  margin: 0 auto;
}

File

core/modules/system/tests/themes/sdc_theme_test_enforce_schema/components/my-card/my-card.css

View on git.drupalcode.org
View source 
  1. .component--my-card {

  2.   max-width: 500px;

  3.   margin: 15px auto;

  4.   color: #f1f1f1;

  5.   border: 1px solid #141414;

  6.   background-color: #252525;

  7. }

  8. 

  9. .component--my-card__header {

  10.   margin: 0;

  11.   padding: 12px 24px 5px 24px;

  12.   border-bottom: 1px solid #4a4a4a;

  13.   font-size: 2.5rem;

  14.   font-weight: bold;

  15. }

  16. 

  17. .component--my-card__body {

  18.   padding: 12px 24px 24px 24px;

  19. }

  20. .component--my-card__body .component--my-button {

  21.   display: block;

  22.   margin: 0 auto;

  23. }

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