You are here

Home » API reference » GridStack 8.2

grid-stack-9.css in GridStack 8.2

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

File

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

  2.  * @file

  3.  */

  4. 

  5. .gridstack.grid-stack-9 > .box {

  6.   min-width: 11.1111111111%;

  7. }

  8. 

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

  10.   width: 11.1111111111%;

  11. }

  12. 

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

  14.   left: 11.1111111111%;

  15. }

  16. 

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

  18.   min-width: 11.1111111111%;

  19. }

  20. 

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

  22.   max-width: 11.1111111111%;

  23. }

  24. 

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

  26.   width: 22.2222222222%;

  27. }

  28. 

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

  30.   left: 22.2222222222%;

  31. }

  32. 

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

  34.   min-width: 22.2222222222%;

  35. }

  36. 

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

  38.   max-width: 22.2222222222%;

  39. }

  40. 

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

  42.   width: 33.3333333333%;

  43. }

  44. 

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

  46.   left: 33.3333333333%;

  47. }

  48. 

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

  50.   min-width: 33.3333333333%;

  51. }

  52. 

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

  54.   max-width: 33.3333333333%;

  55. }

  56. 

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

  58.   width: 44.4444444444%;

  59. }

  60. 

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

  62.   left: 44.4444444444%;

  63. }

  64. 

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

  66.   min-width: 44.4444444444%;

  67. }

  68. 

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

  70.   max-width: 44.4444444444%;

  71. }

  72. 

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

  74.   width: 55.5555555556%;

  75. }

  76. 

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

  78.   left: 55.5555555556%;

  79. }

  80. 

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

  82.   min-width: 55.5555555556%;

  83. }

  84. 

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

  86.   max-width: 55.5555555556%;

  87. }

  88. 

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

  90.   width: 66.6666666667%;

  91. }

  92. 

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

  94.   left: 66.6666666667%;

  95. }

  96. 

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

  98.   min-width: 66.6666666667%;

  99. }

  100. 

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

  102.   max-width: 66.6666666667%;

  103. }

  104. 

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

  106.   width: 77.7777777778%;

  107. }

  108. 

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

  110.   left: 77.7777777778%;

  111. }

  112. 

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

  114.   min-width: 77.7777777778%;

  115. }

  116. 

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

  118.   max-width: 77.7777777778%;

  119. }

  120. 

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

  122.   width: 88.8888888889%;

  123. }

  124. 

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

  126.   left: 88.8888888889%;

  127. }

  128. 

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

  130.   min-width: 88.8888888889%;

  131. }

  132. 

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

  134.   max-width: 88.8888888889%;

  135. }

  136. 

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

  138.   width: 100%;

  139. }

  140. 

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

  142.   left: 100%;

  143. }

  144. 

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

  146.   min-width: 100%;

  147. }

  148. 

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

  150.   max-width: 100%;

  151. }