You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

92 lines
1.7 KiB

  1. /*******************************
  2. Grid
  3. *******************************/
  4. /* Classic 12 section grid */
  5. .ui.elements {
  6. width: 100%;
  7. display: table;
  8. }
  9. .ui.elements > .element {
  10. display: table-cell;
  11. -webkit-box-sizing: border-box;
  12. -moz-box-sizing: border-box;
  13. -ms-box-sizing: border-box;
  14. box-sizing: border-box;
  15. vertical-align: top;
  16. }
  17. .ui.elements > .element:first-child,
  18. .ui.element:first-child {
  19. border-left: none;
  20. box-shadow: none;
  21. }
  22. .ui.elements .element:first-child {
  23. padding-left: 0% !important;
  24. }
  25. .ui.elements .element:last-child {
  26. padding-right: 0% !important;
  27. }
  28. /* Sizing Combinations */
  29. .ui.elements .element,
  30. .ui.elements .one.wide.element {
  31. width: 8.3333%;
  32. padding-left: 1.5%;
  33. padding-right: 1.5%;
  34. }
  35. .ui.six.elements .element,
  36. .ui.elements .two.wide.element {
  37. width: 16.66667%;
  38. }
  39. .ui.four.elements .element,
  40. .ui.elements .three.wide.element {
  41. width: 25%;
  42. }
  43. .ui.three.elements .element,
  44. .ui.elements .four.wide.element {
  45. width: 33.3333%;
  46. }
  47. .ui.elements .five.wide.element {
  48. width: 41.6666%;
  49. }
  50. .ui.two.elements .element,
  51. .ui.elements .six.wide.element {
  52. width: 50%;
  53. }
  54. .ui.elements .seven.wide.element {
  55. width: 58.3333%;
  56. }
  57. .ui.elements .eight.wide.element {
  58. width: 66.6666%;
  59. }
  60. .ui.elements .nine.wide.element {
  61. width: 75%;
  62. }
  63. .ui.elements .ten.wide.element {
  64. width: 83.3333%;
  65. }
  66. .ui.elements .eleven.wide.element {
  67. width: 91.666%;
  68. }
  69. .ui.elements .twelve.wide.element {
  70. width: 100%;
  71. }
  72. /* Variations */
  73. /* Fitted Elements */
  74. .ui.fitted.elements .element,
  75. .ui.elements .fitted.element {
  76. padding-left: 0%;
  77. padding-right: 0%;
  78. }
  79. /* Vertical Centered */
  80. .ui.centered.elements .element,
  81. .ui.centered.element {
  82. vertical-align: middle;
  83. }