You are here

Home » API reference » GridStack 8.2

grid-stack-6.css in GridStack 8.2

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

File

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

  2.  * @file

  3.  */

  4. 

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

  6.   min-width: 16.6666666667%;

  7. }

  8. 

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

  10.   width: 16.6666666667%;

  11. }

  12. 

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

  14.   left: 16.6666666667%;

  15. }

  16. 

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

  18.   min-width: 16.6666666667%;

  19. }

  20. 

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

  22.   max-width: 16.6666666667%;

  23. }

  24. 

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

  26.   width: 33.3333333333%;

  27. }

  28. 

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

  30.   left: 33.3333333333%;

  31. }

  32. 

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

  34.   min-width: 33.3333333333%;

  35. }

  36. 

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

  38.   max-width: 33.3333333333%;

  39. }

  40. 

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

  42.   width: 50%;

  43. }

  44. 

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

  46.   left: 50%;

  47. }

  48. 

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

  50.   min-width: 50%;

  51. }

  52. 

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

  54.   max-width: 50%;

  55. }

  56. 

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

  58.   width: 66.6666666667%;

  59. }

  60. 

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

  62.   left: 66.6666666667%;

  63. }

  64. 

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

  66.   min-width: 66.6666666667%;

  67. }

  68. 

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

  70.   max-width: 66.6666666667%;

  71. }

  72. 

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

  74.   width: 83.3333333333%;

  75. }

  76. 

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

  78.   left: 83.3333333333%;

  79. }

  80. 

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

  82.   min-width: 83.3333333333%;

  83. }

  84. 

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

  86.   max-width: 83.3333333333%;

  87. }

  88. 

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

  90.   width: 100%;

  91. }

  92. 

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

  94.   left: 100%;

  95. }

  96. 

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

  98.   min-width: 100%;

  99. }

  100. 

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

  102.   max-width: 100%;

  103. }