You are here

Home » API reference » AT Tools 8.3

shortcodes--image-styles.css in AT Tools 8.3

Same filename and directory in other branches
  1. 8 at_theme_generator/starterkits/starterkit/styles/css/components/shortcodes--image-styles.css
  2. 8.2 at_theme_generator/starterkits/starterkit/styles/css/components/shortcodes--image-styles.css
/**
 * Shortcodes (Image styles)
 ============================================================================ */
.image-align-left img,
.image-align-left .field-type-image__figure {
  float: left;
}

.image-align-right img,
.image-align-right .field-type-image__figure {
  float: right;
}

.image-align-center img,
.image-align-center .field-type-image__figure {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.image-spaceless img,
.image-spaceless .field-type-image__figure {
  margin: 0;
  padding: 0;
}

.image-full-width img,
.image-full-width .field-type-image__figure {
  width: 100%;
  margin: 0;
  padding: 0;
  max-width: 100%;
  height: auto;
  display: block;
}

[class*="image-align-"] {
  clear: both;
}

[class*="image-align-"] img {
  display: block;
}
/*# sourceMappingURL=shortcodes--image-styles.css.map */

File

at_theme_generator/starterkits/starterkit/styles/css/components/shortcodes--image-styles.css
View source 
  1. /**

  2.  * Shortcodes (Image styles)

  3.  ============================================================================ */

  4. .image-align-left img,

  5. .image-align-left .field-type-image__figure {

  6.   float: left;

  7. }

  8. 

  9. .image-align-right img,

  10. .image-align-right .field-type-image__figure {

  11.   float: right;

  12. }

  13. 

  14. .image-align-center img,

  15. .image-align-center .field-type-image__figure {

  16.   text-align: center;

  17.   margin-left: auto;

  18.   margin-right: auto;

  19.   display: block;

  20. }

  21. 

  22. .image-spaceless img,

  23. .image-spaceless .field-type-image__figure {

  24.   margin: 0;

  25.   padding: 0;

  26. }

  27. 

  28. .image-full-width img,

  29. .image-full-width .field-type-image__figure {

  30.   width: 100%;

  31.   margin: 0;

  32.   padding: 0;

  33.   max-width: 100%;

  34.   height: auto;

  35.   display: block;

  36. }

  37. 

  38. [class*="image-align-"] {

  39.   clear: both;

  40. }

  41. 

  42. [class*="image-align-"] img {

  43.   display: block;

  44. }

  45. /*# sourceMappingURL=shortcodes--image-styles.css.map */