You are here

grid-stack-12.css in GridStack 8

Same filename and directory in other branches
  1. 8.2 css/layout/grid-stack-12.css

File

css/layout/grid-stack-12.css
View source
  1. /**
  2. * @file
  3. */
  4. .gridstack.grid-stack-12 > .box {
  5. min-width: 8.3333333333%;
  6. }
  7. .gridstack.grid-stack-12 > .box[data-gs-width='1'] {
  8. width: 8.3333333333%;
  9. }
  10. .gridstack.grid-stack-12 > .box[data-gs-x='1'] {
  11. left: 8.3333333333%;
  12. }
  13. .gridstack.grid-stack-12 > .box[data-gs-min-width='1'] {
  14. min-width: 8.3333333333%;
  15. }
  16. .gridstack.grid-stack-12 > .box[data-gs-max-width='1'] {
  17. max-width: 8.3333333333%;
  18. }
  19. .gridstack.grid-stack-12 > .box[data-gs-width='2'] {
  20. width: 16.6666666667%;
  21. }
  22. .gridstack.grid-stack-12 > .box[data-gs-x='2'] {
  23. left: 16.6666666667%;
  24. }
  25. .gridstack.grid-stack-12 > .box[data-gs-min-width='2'] {
  26. min-width: 16.6666666667%;
  27. }
  28. .gridstack.grid-stack-12 > .box[data-gs-max-width='2'] {
  29. max-width: 16.6666666667%;
  30. }
  31. .gridstack.grid-stack-12 > .box[data-gs-width='3'] {
  32. width: 25%;
  33. }
  34. .gridstack.grid-stack-12 > .box[data-gs-x='3'] {
  35. left: 25%;
  36. }
  37. .gridstack.grid-stack-12 > .box[data-gs-min-width='3'] {
  38. min-width: 25%;
  39. }
  40. .gridstack.grid-stack-12 > .box[data-gs-max-width='3'] {
  41. max-width: 25%;
  42. }
  43. .gridstack.grid-stack-12 > .box[data-gs-width='4'] {
  44. width: 33.3333333333%;
  45. }
  46. .gridstack.grid-stack-12 > .box[data-gs-x='4'] {
  47. left: 33.3333333333%;
  48. }
  49. .gridstack.grid-stack-12 > .box[data-gs-min-width='4'] {
  50. min-width: 33.3333333333%;
  51. }
  52. .gridstack.grid-stack-12 > .box[data-gs-max-width='4'] {
  53. max-width: 33.3333333333%;
  54. }
  55. .gridstack.grid-stack-12 > .box[data-gs-width='5'] {
  56. width: 41.6666666667%;
  57. }
  58. .gridstack.grid-stack-12 > .box[data-gs-x='5'] {
  59. left: 41.6666666667%;
  60. }
  61. .gridstack.grid-stack-12 > .box[data-gs-min-width='5'] {
  62. min-width: 41.6666666667%;
  63. }
  64. .gridstack.grid-stack-12 > .box[data-gs-max-width='5'] {
  65. max-width: 41.6666666667%;
  66. }
  67. .gridstack.grid-stack-12 > .box[data-gs-width='6'] {
  68. width: 50%;
  69. }
  70. .gridstack.grid-stack-12 > .box[data-gs-x='6'] {
  71. left: 50%;
  72. }
  73. .gridstack.grid-stack-12 > .box[data-gs-min-width='6'] {
  74. min-width: 50%;
  75. }
  76. .gridstack.grid-stack-12 > .box[data-gs-max-width='6'] {
  77. max-width: 50%;
  78. }
  79. .gridstack.grid-stack-12 > .box[data-gs-width='7'] {
  80. width: 58.3333333333%;
  81. }
  82. .gridstack.grid-stack-12 > .box[data-gs-x='7'] {
  83. left: 58.3333333333%;
  84. }
  85. .gridstack.grid-stack-12 > .box[data-gs-min-width='7'] {
  86. min-width: 58.3333333333%;
  87. }
  88. .gridstack.grid-stack-12 > .box[data-gs-max-width='7'] {
  89. max-width: 58.3333333333%;
  90. }
  91. .gridstack.grid-stack-12 > .box[data-gs-width='8'] {
  92. width: 66.6666666667%;
  93. }
  94. .gridstack.grid-stack-12 > .box[data-gs-x='8'] {
  95. left: 66.6666666667%;
  96. }
  97. .gridstack.grid-stack-12 > .box[data-gs-min-width='8'] {
  98. min-width: 66.6666666667%;
  99. }
  100. .gridstack.grid-stack-12 > .box[data-gs-max-width='8'] {
  101. max-width: 66.6666666667%;
  102. }
  103. .gridstack.grid-stack-12 > .box[data-gs-width='9'] {
  104. width: 75%;
  105. }
  106. .gridstack.grid-stack-12 > .box[data-gs-x='9'] {
  107. left: 75%;
  108. }
  109. .gridstack.grid-stack-12 > .box[data-gs-min-width='9'] {
  110. min-width: 75%;
  111. }
  112. .gridstack.grid-stack-12 > .box[data-gs-max-width='9'] {
  113. max-width: 75%;
  114. }
  115. .gridstack.grid-stack-12 > .box[data-gs-width='10'] {
  116. width: 83.3333333333%;
  117. }
  118. .gridstack.grid-stack-12 > .box[data-gs-x='10'] {
  119. left: 83.3333333333%;
  120. }
  121. .gridstack.grid-stack-12 > .box[data-gs-min-width='10'] {
  122. min-width: 83.3333333333%;
  123. }
  124. .gridstack.grid-stack-12 > .box[data-gs-max-width='10'] {
  125. max-width: 83.3333333333%;
  126. }
  127. .gridstack.grid-stack-12 > .box[data-gs-width='11'] {
  128. width: 91.6666666667%;
  129. }
  130. .gridstack.grid-stack-12 > .box[data-gs-x='11'] {
  131. left: 91.6666666667%;
  132. }
  133. .gridstack.grid-stack-12 > .box[data-gs-min-width='11'] {
  134. min-width: 91.6666666667%;
  135. }
  136. .gridstack.grid-stack-12 > .box[data-gs-max-width='11'] {
  137. max-width: 91.6666666667%;
  138. }
  139. .gridstack.grid-stack-12 > .box[data-gs-width='12'] {
  140. width: 100%;
  141. }
  142. .gridstack.grid-stack-12 > .box[data-gs-x='12'] {
  143. left: 100%;
  144. }
  145. .gridstack.grid-stack-12 > .box[data-gs-min-width='12'] {
  146. min-width: 100%;
  147. }
  148. .gridstack.grid-stack-12 > .box[data-gs-max-width='12'] {
  149. max-width: 100%;
  150. }