You are here

Home » API reference » Inline responsive images 7

ckeditor.drupalimagestyle.css in Inline responsive images 7

Same filename and directory in other branches
  1. 8 css/plugins/drupalimagestyle/ckeditor.drupalimagestyle.css
/* TODO: this doesn't work... */

img[data-style="mini"] {
  width: 40%;
}

img[data-style="small"] {
  width: 55%;
}

img[data-style="medium"] {
  width: 60%;
}

img[data-style="large"] {
  width: 80%;
}

img[data-style="full"] {
  width: 100%;
}

File

css/plugins/drupalimagestyle/ckeditor.drupalimagestyle.css
View source 
  1. /* TODO: this doesn't work... */

  2. 

  3. img[data-style="mini"] {

  4.   width: 40%;

  5. }

  6. 

  7. img[data-style="small"] {

  8.   width: 55%;

  9. }

  10. 

  11. img[data-style="medium"] {

  12.   width: 60%;

  13. }

  14. 

  15. img[data-style="large"] {

  16.   width: 80%;

  17. }

  18. 

  19. img[data-style="full"] {

  20.   width: 100%;

  21. }