You are here

Home » API reference » AT Tools 8.3

image.css in AT Tools 8.3

Same filename and directory in other branches
  1. 8 at_theme_generator/starterkits/starterkit/styles/css/components/image.css
  2. 8.2 at_theme_generator/starterkits/starterkit/styles/css/components/image.css
/**
 * Images
 ============================================================================ */
@media screen and (min-width: 60.0625em) {
  img.align-left,
  figure.align-left,
  .field-type-image__figure.align-left {
    margin: 0 1rem 1rem 0;
  }
  img.align-right,
  figure.align-right,
  .field-type-image__figure.align-right {
    margin: 0 0 1rem 1rem;
  }
}

@media screen and (max-width: 60em) {
  img.align-left, img.align-right,
  figure.align-left,
  figure.align-right,
  .field-type-image__figure.align-left,
  .field-type-image__figure.align-right {
    float: none;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1rem;
  }
}

img.align-center,
figure.align-center,
.field-type-image__figure.align-center {
  margin-bottom: 1rem;
}

img.align-center figcaption,
figure.align-center figcaption,
.field-type-image__figure.align-center figcaption {
  text-align: center;
}

img[class*="align-"],
figure[class*="align-"],
.field-type-image__figure[class*="align-"] {
  clear: both;
}

.cke_widget_wrapper.align-left {
  margin: 0 1rem 1rem 0;
}

.cke_widget_wrapper.align-right {
  margin: 0 0 1rem 1rem;
}

.cke_widget_wrapper.align-center {
  margin-bottom: 1rem;
}

.cke_widget_wrapper.align-center figcaption {
  text-align: center;
}

.cke_widget_wrapper[class*="align-"] {
  clear: both;
}
/*# sourceMappingURL=image.css.map */

File

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

  2.  * Images

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

  4. @media screen and (min-width: 60.0625em) {

  5.   img.align-left,

  6.   figure.align-left,

  7.   .field-type-image__figure.align-left {

  8.     margin: 0 1rem 1rem 0;

  9.   }

  10.   img.align-right,

  11.   figure.align-right,

  12.   .field-type-image__figure.align-right {

  13.     margin: 0 0 1rem 1rem;

  14.   }

  15. }

  16. 

  17. @media screen and (max-width: 60em) {

  18.   img.align-left, img.align-right,

  19.   figure.align-left,

  20.   figure.align-right,

  21.   .field-type-image__figure.align-left,

  22.   .field-type-image__figure.align-right {

  23.     float: none;

  24.     text-align: center;

  25.     margin-left: auto;

  26.     margin-right: auto;

  27.     margin-bottom: 1rem;

  28.   }

  29. }

  30. 

  31. img.align-center,

  32. figure.align-center,

  33. .field-type-image__figure.align-center {

  34.   margin-bottom: 1rem;

  35. }

  36. 

  37. img.align-center figcaption,

  38. figure.align-center figcaption,

  39. .field-type-image__figure.align-center figcaption {

  40.   text-align: center;

  41. }

  42. 

  43. img[class*="align-"],

  44. figure[class*="align-"],

  45. .field-type-image__figure[class*="align-"] {

  46.   clear: both;

  47. }

  48. 

  49. .cke_widget_wrapper.align-left {

  50.   margin: 0 1rem 1rem 0;

  51. }

  52. 

  53. .cke_widget_wrapper.align-right {

  54.   margin: 0 0 1rem 1rem;

  55. }

  56. 

  57. .cke_widget_wrapper.align-center {

  58.   margin-bottom: 1rem;

  59. }

  60. 

  61. .cke_widget_wrapper.align-center figcaption {

  62.   text-align: center;

  63. }

  64. 

  65. .cke_widget_wrapper[class*="align-"] {

  66.   clear: both;

  67. }

  68. /*# sourceMappingURL=image.css.map */