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.

86 lines
1.6 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. padding-left: 0% !important;
  19. }
  20. .ui.elements .element:last-child {
  21. padding-right: 0% !important;
  22. }
  23. /* Sizing Combinations */
  24. .ui.elements .element,
  25. .ui.elements .one.wide.element {
  26. width: 8.3333%;
  27. padding-left: 1.5%;
  28. padding-right: 1.5%;
  29. }
  30. .ui.six.elements .element,
  31. .ui.elements .two.wide.element {
  32. width: 16.66667%;
  33. }
  34. .ui.four.elements .element,
  35. .ui.elements .three.wide.element {
  36. width: 25%;
  37. }
  38. .ui.three.elements .element,
  39. .ui.elements .four.wide.element {
  40. width: 33.3333%;
  41. }
  42. .ui.elements .five.wide.element {
  43. width: 41.6666%;
  44. }
  45. .ui.two.elements .element,
  46. .ui.elements .six.wide.element {
  47. width: 50%;
  48. }
  49. .ui.elements .seven.wide.element {
  50. width: 58.3333%;
  51. }
  52. .ui.elements .eight.wide.element {
  53. width: 66.6666%;
  54. }
  55. .ui.elements .nine.wide.element {
  56. width: 75%;
  57. }
  58. .ui.elements .ten.wide.element {
  59. width: 83.3333%;
  60. }
  61. .ui.elements .eleven.wide.element {
  62. width: 91.666%;
  63. }
  64. .ui.elements .twelve.wide.element {
  65. width: 100%;
  66. }
  67. /* Variations */
  68. /* Fitted Elements */
  69. .ui.fitted.elements .element,
  70. .ui.elements .fitted.element {
  71. padding-left: 0%;
  72. padding-right: 0%;
  73. }
  74. /* Vertical Centered */
  75. .ui.centered.elements .element,
  76. .ui.centered.element {
  77. vertical-align: middle;
  78. }