my-button.css

Same filename in this branch
  1. 10 core/modules/system/tests/modules/sdc_test/components/my-button/my-button.css
Same filename and directory in other branches
  1. 11.x core/modules/system/tests/modules/sdc_test/components/my-button/my-button.css
  2. 11.x core/modules/system/tests/modules/sdc_test_replacements/components/my-button/my-button.css
  3. main core/modules/system/tests/modules/sdc_test/components/my-button/my-button.css
  4. main core/modules/system/tests/modules/sdc_test_replacements/components/my-button/my-button.css
button.component--my-button {
  margin: 0;
  box-shadow: 1px 1px 2px #000c;
}
button.component--my-button svg {
  width: 30px;
  height: 30px;
  padding-left: 5px;
  vertical-align: bottom;
  fill: white;
}
button.component--my-button:focus svg,
button.component--my-button:hover svg {
  fill: black;
}

File

View on git.drupalcode.org

core/modules/system/tests/modules/sdc_test_replacements/components/my-button/my-button.css

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

  2.   margin: 0;

  3.   box-shadow: 1px 1px 2px #000c;

  4. }

  5. button.component--my-button svg {

  6.   width: 30px;

  7.   height: 30px;

  8.   padding-left: 5px;

  9.   vertical-align: bottom;

  10.   fill: white;

  11. }

  12. button.component--my-button:focus svg,

  13. button.component--my-button:hover svg {

  14.   fill: black;

  15. }

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