You are here

grid-stack-6.css in GridStack 8

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

File

css/layout/grid-stack-6.css
View source
  1. /**
  2. * @file
  3. */
  4. .gridstack.grid-stack-6 > .box {
  5. min-width: 16.6666666667%;
  6. }
  7. .gridstack.grid-stack-6 > .box[data-gs-width='1'] {
  8. width: 16.6666666667%;
  9. }
  10. .gridstack.grid-stack-6 > .box[data-gs-x='1'] {
  11. left: 16.6666666667%;
  12. }
  13. .gridstack.grid-stack-6 > .box[data-gs-min-width='1'] {
  14. min-width: 16.6666666667%;
  15. }
  16. .gridstack.grid-stack-6 > .box[data-gs-max-width='1'] {
  17. max-width: 16.6666666667%;
  18. }
  19. .gridstack.grid-stack-6 > .box[data-gs-width='2'] {
  20. width: 33.3333333333%;
  21. }
  22. .gridstack.grid-stack-6 > .box[data-gs-x='2'] {
  23. left: 33.3333333333%;
  24. }
  25. .gridstack.grid-stack-6 > .box[data-gs-min-width='2'] {
  26. min-width: 33.3333333333%;
  27. }
  28. .gridstack.grid-stack-6 > .box[data-gs-max-width='2'] {
  29. max-width: 33.3333333333%;
  30. }
  31. .gridstack.grid-stack-6 > .box[data-gs-width='3'] {
  32. width: 50%;
  33. }
  34. .gridstack.grid-stack-6 > .box[data-gs-x='3'] {
  35. left: 50%;
  36. }
  37. .gridstack.grid-stack-6 > .box[data-gs-min-width='3'] {
  38. min-width: 50%;
  39. }
  40. .gridstack.grid-stack-6 > .box[data-gs-max-width='3'] {
  41. max-width: 50%;
  42. }
  43. .gridstack.grid-stack-6 > .box[data-gs-width='4'] {
  44. width: 66.6666666667%;
  45. }
  46. .gridstack.grid-stack-6 > .box[data-gs-x='4'] {
  47. left: 66.6666666667%;
  48. }
  49. .gridstack.grid-stack-6 > .box[data-gs-min-width='4'] {
  50. min-width: 66.6666666667%;
  51. }
  52. .gridstack.grid-stack-6 > .box[data-gs-max-width='4'] {
  53. max-width: 66.6666666667%;
  54. }
  55. .gridstack.grid-stack-6 > .box[data-gs-width='5'] {
  56. width: 83.3333333333%;
  57. }
  58. .gridstack.grid-stack-6 > .box[data-gs-x='5'] {
  59. left: 83.3333333333%;
  60. }
  61. .gridstack.grid-stack-6 > .box[data-gs-min-width='5'] {
  62. min-width: 83.3333333333%;
  63. }
  64. .gridstack.grid-stack-6 > .box[data-gs-max-width='5'] {
  65. max-width: 83.3333333333%;
  66. }
  67. .gridstack.grid-stack-6 > .box[data-gs-width='6'] {
  68. width: 100%;
  69. }
  70. .gridstack.grid-stack-6 > .box[data-gs-x='6'] {
  71. left: 100%;
  72. }
  73. .gridstack.grid-stack-6 > .box[data-gs-min-width='6'] {
  74. min-width: 100%;
  75. }
  76. .gridstack.grid-stack-6 > .box[data-gs-max-width='6'] {
  77. max-width: 100%;
  78. }