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.

104 lines
2.1 KiB

  1. /*******************************
  2. Columns
  3. *******************************/
  4. /* Text Columns */
  5. .ui.columns > .column,
  6. .ui.column {
  7. width: 50%;
  8. margin: 0px;
  9. padding: 0px 4% 0px;
  10. float: left;
  11. -webkit-box-sizing: border-box;
  12. -moz-box-sizing: border-box;
  13. -ms-box-sizing: border-box;
  14. box-sizing: border-box;
  15. border-left: 1px solid rgba(255, 255, 255, 0.7);
  16. -webkit-box-shadow: -1px 0px 0px 0px rgba(0, 0, 0, 0.15);
  17. -moz-box-shadow: -1px 0px 0px 0px rgba(0, 0, 0, 0.15);
  18. box-shadow: -1px 0px 0px 0px rgba(0, 0, 0, 0.15);
  19. }
  20. .ui.columns > .column:first-child,
  21. .ui.column:first-child {
  22. border-left: none;
  23. box-shadow: none;
  24. }
  25. /* Sizing Combinations */
  26. .ui.one.columns .column {
  27. width: 100%;
  28. padding-left: 3.5%;
  29. padding-right: 3.5%;
  30. }
  31. .ui.two.columns .column {
  32. width: 50%;
  33. padding-left: 3%;
  34. padding-right: 3%;
  35. }
  36. .ui.three.columns .column {
  37. width: 33.333%;
  38. padding-left: 3%;
  39. padding-right: 3%;
  40. }
  41. .ui.four.columns .column {
  42. width: 25%;
  43. padding-left: 2%;
  44. padding-right: 2%;
  45. }
  46. .ui.five.columns .column {
  47. width: 20%;
  48. padding-left: 1%;
  49. padding-right: 1%;
  50. }
  51. .ui.six.columns .column {
  52. width: 16.66%;
  53. padding-left: 0.5%;
  54. padding-right: 0.5%;
  55. }
  56. .ui.seven.columns .column {
  57. width: 14.28%;
  58. padding-left: 0.5%;
  59. padding-right: 0.5%;
  60. }
  61. .ui.eight.columns .column {
  62. width: 12.5%;
  63. padding-left: 0.25%;
  64. padding-right: 0.25%;
  65. }
  66. .ui.nine.columns .column {
  67. width: 11.11%;
  68. padding-left: 0.25%;
  69. padding-right: 0.25%;
  70. }
  71. .ui.ten.columns .column {
  72. width: 10%;
  73. padding-left: 0.2%;
  74. padding-right: 0.2%;
  75. }
  76. .ui.eleven.columns .column {
  77. width: 9.09%;
  78. padding-left: 0.2%;
  79. padding-right: 0.2%;
  80. }
  81. .ui.twelve.columns .column {
  82. width: 8.3333%;
  83. padding-left: 0.1%;
  84. padding-right: 0.1%;
  85. }
  86. /* Fitted Colums */
  87. .ui.fitted.columns .column:first-child {
  88. padding-left: 0px;
  89. }
  90. .ui.fitted.columns .column:last-child {
  91. padding-right: 0px;
  92. }
  93. /* Simple Columns */
  94. .ui.columns.simple .column,
  95. .ui.column.simple {
  96. border-left: none;
  97. -webkit-box-shadow: none;
  98. -moz-box-shadow: none;
  99. box-shadow: none;
  100. }