You are here

Home » API reference » GridStack 8.2

grid-stack-4.css in GridStack 8.2

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

File

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

  2.  * @file

  3.  */

  4. 

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

  6.   left: 0;

  7.   min-width: 25%;

  8. }

  9. 

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

  11.   width: 25%;

  12. }

  13. 

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

  15.   left: 25%;

  16. }

  17. 

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

  19.   min-width: 25%;

  20. }

  21. 

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

  23.   max-width: 25%;

  24. }

  25. 

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

  27.   width: 50%;

  28. }

  29. 

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

  31.   left: 50%;

  32. }

  33. 

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

  35.   min-width: 50%;

  36. }

  37. 

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

  39.   max-width: 50%;

  40. }

  41. 

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

  43.   width: 75%;

  44. }

  45. 

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

  47.   left: 75%;

  48. }

  49. 

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

  51.   min-width: 75%;

  52. }

  53. 

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

  55.   max-width: 75%;

  56. }

  57. 

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

  59.   width: 100%;

  60. }

  61. 

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

  63.   left: 100%;

  64. }

  65. 

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

  67.   min-width: 100%;

  68. }

  69. 

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

  71.   max-width: 100%;

  72. }