You are here

Home » API reference » GridStack 8

grid-stack-3.css in GridStack 8

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

File

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

  2.  * @file

  3.  */

  4. 

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

  6.   min-width: 33.3333333333%;

  7. }

  8. 

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

  10.   width: 33.3333333333%;

  11. }

  12. 

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

  14.   left: 33.3333333333%;

  15. }

  16. 

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

  18.   min-width: 33.3333333333%;

  19. }

  20. 

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

  22.   max-width: 33.3333333333%;

  23. }

  24. 

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

  26.   width: 66.6666666667%;

  27. }

  28. 

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

  30.   left: 66.6666666667%;

  31. }

  32. 

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

  34.   min-width: 66.6666666667%;

  35. }

  36. 

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

  38.   max-width: 66.6666666667%;

  39. }

  40. 

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

  42.   width: 100%;

  43. }

  44. 

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

  46.   left: 100%;

  47. }

  48. 

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

  50.   min-width: 100%;

  51. }

  52. 

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

  54.   max-width: 100%;

  55. }