You are here

Home » API reference » AT Tools 8.3

shortcodes--position.css in AT Tools 8.3

Same filename and directory in other branches
  1. 8 at_theme_generator/starterkits/starterkit/styles/css/components/shortcodes--position.css
  2. 8.2 at_theme_generator/starterkits/starterkit/styles/css/components/shortcodes--position.css
/**
 * Shortcodes (Positioning)
 ============================================================================ */
.horizontal-center,
.center-element {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.vertical-center {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media screen and (max-width: 60em) {
  .pull-right,
  [dir="rtl"] .pull-left,
  .pull-left,
  [dir="rtl"] .pull-right {
    float: none;
    right: auto;
    left: auto;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
}

@media screen and (min-width: 60.0625em) {
  .pull-right,
  [dir="rtl"] .pull-left {
    float: right;
    right: 0;
    left: auto;
  }
  .pull-left,
  [dir="rtl"] .pull-right {
    float: left;
    right: auto;
    left: 0;
  }
}

.position-relative {
  position: relative;
}

.position-static {
  position: static;
}

.position-absolute {
  position: absolute;
}

.position-fixed {
  position: fixed;
}

.position-top {
  top: 0;
  bottom: auto;
}

.position-right {
  right: 0;
  left: auto;
}

.position-bottom {
  bottom: 0;
  top: auto;
}

.position-left {
  left: 0;
  right: auto;
}

.z-index-1 {
  z-index: 1;
}

.z-index-2 {
  z-index: 2;
}

.z-index-3 {
  z-index: 3;
}

.z-index-4 {
  z-index: 4;
}

.z-index-5 {
  z-index: 5;
}

.z-index-6 {
  z-index: 6;
}

.z-index-7 {
  z-index: 7;
}

.z-index-8 {
  z-index: 8;
}

.z-index-9 {
  z-index: 9;
}

.z-index-10 {
  z-index: 10;
}
/*# sourceMappingURL=shortcodes--position.css.map */

File

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

  2.  * Shortcodes (Positioning)

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

  4. .horizontal-center,

  5. .center-element {

  6.   margin-left: auto;

  7.   margin-right: auto;

  8.   text-align: center;

  9. }

  10. 

  11. .vertical-center {

  12.   position: absolute;

  13.   top: 50%;

  14.   -webkit-transform: translateY(-50%);

  15.       -ms-transform: translateY(-50%);

  16.           transform: translateY(-50%);

  17. }

  18. 

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

  20.   .pull-right,

  21.   [dir="rtl"] .pull-left,

  22.   .pull-left,

  23.   [dir="rtl"] .pull-right {

  24.     float: none;

  25.     right: auto;

  26.     left: auto;

  27.     margin-left: auto;

  28.     margin-right: auto;

  29.     text-align: center;

  30.   }

  31. }

  32. 

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

  34.   .pull-right,

  35.   [dir="rtl"] .pull-left {

  36.     float: right;

  37.     right: 0;

  38.     left: auto;

  39.   }

  40.   .pull-left,

  41.   [dir="rtl"] .pull-right {

  42.     float: left;

  43.     right: auto;

  44.     left: 0;

  45.   }

  46. }

  47. 

  48. .position-relative {

  49.   position: relative;

  50. }

  51. 

  52. .position-static {

  53.   position: static;

  54. }

  55. 

  56. .position-absolute {

  57.   position: absolute;

  58. }

  59. 

  60. .position-fixed {

  61.   position: fixed;

  62. }

  63. 

  64. .position-top {

  65.   top: 0;

  66.   bottom: auto;

  67. }

  68. 

  69. .position-right {

  70.   right: 0;

  71.   left: auto;

  72. }

  73. 

  74. .position-bottom {

  75.   bottom: 0;

  76.   top: auto;

  77. }

  78. 

  79. .position-left {

  80.   left: 0;

  81.   right: auto;

  82. }

  83. 

  84. .z-index-1 {

  85.   z-index: 1;

  86. }

  87. 

  88. .z-index-2 {

  89.   z-index: 2;

  90. }

  91. 

  92. .z-index-3 {

  93.   z-index: 3;

  94. }

  95. 

  96. .z-index-4 {

  97.   z-index: 4;

  98. }

  99. 

  100. .z-index-5 {

  101.   z-index: 5;

  102. }

  103. 

  104. .z-index-6 {

  105.   z-index: 6;

  106. }

  107. 

  108. .z-index-7 {

  109.   z-index: 7;

  110. }

  111. 

  112. .z-index-8 {

  113.   z-index: 8;

  114. }

  115. 

  116. .z-index-9 {

  117.   z-index: 9;

  118. }

  119. 

  120. .z-index-10 {

  121.   z-index: 10;

  122. }

  123. /*# sourceMappingURL=shortcodes--position.css.map */