You are here

Home » API reference » GridStack 8.2

grid-stack-12.css in GridStack 8.2

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

This file is not used. Merged as global styling into gridstack.library.css, and split into gridstack.static.css so that Outlayer ungridstack which requires minimal rules gets the minimal. It is not loaded, nor required. Still kept for docs and historical purposes.

File

css/layout/grid-stack-12.css
View source 
  1. /**

  2.  * @file

  3.  *

  4.  * This file is not used. Merged as global styling into gridstack.library.css,

  5.  * and split into gridstack.static.css so that Outlayer ungridstack which

  6.  * requires minimal rules gets the minimal. It is not loaded, nor required.

  7.  * Still kept for docs and historical purposes.

  8.  */

  9. 

  10. .gridstack.grid-stack-12 > .box {

  11.   min-width: 8.3333333333%;

  12. }

  13. 

  14. .gridstack.grid-stack-12 > .box[data-gs-width='1'] {

  15.   width: 8.3333333333%;

  16. }

  17. 

  18. .gridstack.grid-stack-12 > .box[data-gs-x='1'] {

  19.   left: 8.3333333333%;

  20. }

  21. 

  22. .gridstack.grid-stack-12 > .box[data-gs-min-width='1'] {

  23.   min-width: 8.3333333333%;

  24. }

  25. 

  26. .gridstack.grid-stack-12 > .box[data-gs-max-width='1'] {

  27.   max-width: 8.3333333333%;

  28. }

  29. 

  30. .gridstack.grid-stack-12 > .box[data-gs-width='2'] {

  31.   width: 16.6666666667%;

  32. }

  33. 

  34. .gridstack.grid-stack-12 > .box[data-gs-x='2'] {

  35.   left: 16.6666666667%;

  36. }

  37. 

  38. .gridstack.grid-stack-12 > .box[data-gs-min-width='2'] {

  39.   min-width: 16.6666666667%;

  40. }

  41. 

  42. .gridstack.grid-stack-12 > .box[data-gs-max-width='2'] {

  43.   max-width: 16.6666666667%;

  44. }

  45. 

  46. .gridstack.grid-stack-12 > .box[data-gs-width='3'] {

  47.   width: 25%;

  48. }

  49. 

  50. .gridstack.grid-stack-12 > .box[data-gs-x='3'] {

  51.   left: 25%;

  52. }

  53. 

  54. .gridstack.grid-stack-12 > .box[data-gs-min-width='3'] {

  55.   min-width: 25%;

  56. }

  57. 

  58. .gridstack.grid-stack-12 > .box[data-gs-max-width='3'] {

  59.   max-width: 25%;

  60. }

  61. 

  62. .gridstack.grid-stack-12 > .box[data-gs-width='4'] {

  63.   width: 33.3333333333%;

  64. }

  65. 

  66. .gridstack.grid-stack-12 > .box[data-gs-x='4'] {

  67.   left: 33.3333333333%;

  68. }

  69. 

  70. .gridstack.grid-stack-12 > .box[data-gs-min-width='4'] {

  71.   min-width: 33.3333333333%;

  72. }

  73. 

  74. .gridstack.grid-stack-12 > .box[data-gs-max-width='4'] {

  75.   max-width: 33.3333333333%;

  76. }

  77. 

  78. .gridstack.grid-stack-12 > .box[data-gs-width='5'] {

  79.   width: 41.6666666667%;

  80. }

  81. 

  82. .gridstack.grid-stack-12 > .box[data-gs-x='5'] {

  83.   left: 41.6666666667%;

  84. }

  85. 

  86. .gridstack.grid-stack-12 > .box[data-gs-min-width='5'] {

  87.   min-width: 41.6666666667%;

  88. }

  89. 

  90. .gridstack.grid-stack-12 > .box[data-gs-max-width='5'] {

  91.   max-width: 41.6666666667%;

  92. }

  93. 

  94. .gridstack.grid-stack-12 > .box[data-gs-width='6'] {

  95.   width: 50%;

  96. }

  97. 

  98. .gridstack.grid-stack-12 > .box[data-gs-x='6'] {

  99.   left: 50%;

  100. }

  101. 

  102. .gridstack.grid-stack-12 > .box[data-gs-min-width='6'] {

  103.   min-width: 50%;

  104. }

  105. 

  106. .gridstack.grid-stack-12 > .box[data-gs-max-width='6'] {

  107.   max-width: 50%;

  108. }

  109. 

  110. .gridstack.grid-stack-12 > .box[data-gs-width='7'] {

  111.   width: 58.3333333333%;

  112. }

  113. 

  114. .gridstack.grid-stack-12 > .box[data-gs-x='7'] {

  115.   left: 58.3333333333%;

  116. }

  117. 

  118. .gridstack.grid-stack-12 > .box[data-gs-min-width='7'] {

  119.   min-width: 58.3333333333%;

  120. }

  121. 

  122. .gridstack.grid-stack-12 > .box[data-gs-max-width='7'] {

  123.   max-width: 58.3333333333%;

  124. }

  125. 

  126. .gridstack.grid-stack-12 > .box[data-gs-width='8'] {

  127.   width: 66.6666666667%;

  128. }

  129. 

  130. .gridstack.grid-stack-12 > .box[data-gs-x='8'] {

  131.   left: 66.6666666667%;

  132. }

  133. 

  134. .gridstack.grid-stack-12 > .box[data-gs-min-width='8'] {

  135.   min-width: 66.6666666667%;

  136. }

  137. 

  138. .gridstack.grid-stack-12 > .box[data-gs-max-width='8'] {

  139.   max-width: 66.6666666667%;

  140. }

  141. 

  142. .gridstack.grid-stack-12 > .box[data-gs-width='9'] {

  143.   width: 75%;

  144. }

  145. 

  146. .gridstack.grid-stack-12 > .box[data-gs-x='9'] {

  147.   left: 75%;

  148. }

  149. 

  150. .gridstack.grid-stack-12 > .box[data-gs-min-width='9'] {

  151.   min-width: 75%;

  152. }

  153. 

  154. .gridstack.grid-stack-12 > .box[data-gs-max-width='9'] {

  155.   max-width: 75%;

  156. }

  157. 

  158. .gridstack.grid-stack-12 > .box[data-gs-width='10'] {

  159.   width: 83.3333333333%;

  160. }

  161. 

  162. .gridstack.grid-stack-12 > .box[data-gs-x='10'] {

  163.   left: 83.3333333333%;

  164. }

  165. 

  166. .gridstack.grid-stack-12 > .box[data-gs-min-width='10'] {

  167.   min-width: 83.3333333333%;

  168. }

  169. 

  170. .gridstack.grid-stack-12 > .box[data-gs-max-width='10'] {

  171.   max-width: 83.3333333333%;

  172. }

  173. 

  174. .gridstack.grid-stack-12 > .box[data-gs-width='11'] {

  175.   width: 91.6666666667%;

  176. }

  177. 

  178. .gridstack.grid-stack-12 > .box[data-gs-x='11'] {

  179.   left: 91.6666666667%;

  180. }

  181. 

  182. .gridstack.grid-stack-12 > .box[data-gs-min-width='11'] {

  183.   min-width: 91.6666666667%;

  184. }

  185. 

  186. .gridstack.grid-stack-12 > .box[data-gs-max-width='11'] {

  187.   max-width: 91.6666666667%;

  188. }

  189. 

  190. .gridstack.grid-stack-12 > .box[data-gs-width='12'] {

  191.   width: 100%;

  192. }

  193. 

  194. .gridstack.grid-stack-12 > .box[data-gs-x='12'] {

  195.   left: 100%;

  196. }

  197. 

  198. .gridstack.grid-stack-12 > .box[data-gs-min-width='12'] {

  199.   min-width: 100%;

  200. }

  201. 

  202. .gridstack.grid-stack-12 > .box[data-gs-max-width='12'] {

  203.   max-width: 100%;

  204. }