You are here

grid.css in Brainstorm profile 7

.row {
  margin-right: -15px;
  margin-left: -15px;
}
.row:before {
  display: table;
  content: " ";
}
.row:after {
  display: table;
  content: " ";
  clear: both;
}
.col {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  float: left;
}
.col-12 {
  width: 100%;
}
.col-11 {
  width: 91.66666667%;
}
.col-10 {
  width: 83.33333333%;
}
.col-9 {
  width: 75%;
}
.col-8 {
  width: 66.66666667%;
}
.col-7 {
  width: 58.33333333%;
}
.col-6 {
  width: 50%;
}
.col-5 {
  width: 41.66666667%;
}
.col-4 {
  width: 33.33333333%;
}
.col-3 {
  width: 33.33333333%;
}
.col-2 {
  width: 33.33333333%;
}
.col-1 {
  width: 33.33333333%;
}

@media (max-width: 1240px) {
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
}

@media (max-width: 767px) {
  .row {
    margin-right: -10px;
    margin-left: -10px;
  }
  .col {
    padding-left: 10px;
    padding-right: 10px;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
}

@media (max-width: 480px) {
  .col-xs-12 {
    width: 100%;
  }
  .col-xs-11 {
    width: 91.66666667%;
  }
  .col-xs-10 {
    width: 83.33333333%;
  }
  .col-xs-9 {
    width: 75%;
  }
  .col-xs-8 {
    width: 66.66666667%;
  }
  .col-xs-7 {
    width: 58.33333333%;
  }
  .col-xs-6 {
    width: 50%;
  }
  .col-xs-5 {
    width: 41.66666667%;
  }
  .col-xs-4 {
    width: 33.33333333%;
  }
  .col-xs-3 {
    width: 25%;
  }
  .col-xs-2 {
    width: 16.66666667%;
  }
  .col-xs-1 {
    width: 8.33333333%;
  }
}

File

themes/brainstorm_theme/css/grid.css
View source
  1. .row {
  2. margin-right: -15px;
  3. margin-left: -15px;
  4. }
  5. .row:before {
  6. display: table;
  7. content: " ";
  8. }
  9. .row:after {
  10. display: table;
  11. content: " ";
  12. clear: both;
  13. }
  14. .col {
  15. position: relative;
  16. min-height: 1px;
  17. padding-right: 15px;
  18. padding-left: 15px;
  19. float: left;
  20. }
  21. .col-12 {
  22. width: 100%;
  23. }
  24. .col-11 {
  25. width: 91.66666667%;
  26. }
  27. .col-10 {
  28. width: 83.33333333%;
  29. }
  30. .col-9 {
  31. width: 75%;
  32. }
  33. .col-8 {
  34. width: 66.66666667%;
  35. }
  36. .col-7 {
  37. width: 58.33333333%;
  38. }
  39. .col-6 {
  40. width: 50%;
  41. }
  42. .col-5 {
  43. width: 41.66666667%;
  44. }
  45. .col-4 {
  46. width: 33.33333333%;
  47. }
  48. .col-3 {
  49. width: 33.33333333%;
  50. }
  51. .col-2 {
  52. width: 33.33333333%;
  53. }
  54. .col-1 {
  55. width: 33.33333333%;
  56. }
  57. @media (max-width: 1240px) {
  58. .col-md-12 {
  59. width: 100%;
  60. }
  61. .col-md-11 {
  62. width: 91.66666667%;
  63. }
  64. .col-md-10 {
  65. width: 83.33333333%;
  66. }
  67. .col-md-9 {
  68. width: 75%;
  69. }
  70. .col-md-8 {
  71. width: 66.66666667%;
  72. }
  73. .col-md-7 {
  74. width: 58.33333333%;
  75. }
  76. .col-md-6 {
  77. width: 50%;
  78. }
  79. .col-md-5 {
  80. width: 41.66666667%;
  81. }
  82. .col-md-4 {
  83. width: 33.33333333%;
  84. }
  85. .col-md-3 {
  86. width: 25%;
  87. }
  88. .col-md-2 {
  89. width: 16.66666667%;
  90. }
  91. .col-md-1 {
  92. width: 8.33333333%;
  93. }
  94. }
  95. @media (max-width: 767px) {
  96. .row {
  97. margin-right: -10px;
  98. margin-left: -10px;
  99. }
  100. .col {
  101. padding-left: 10px;
  102. padding-right: 10px;
  103. }
  104. .col-sm-12 {
  105. width: 100%;
  106. }
  107. .col-sm-11 {
  108. width: 91.66666667%;
  109. }
  110. .col-sm-10 {
  111. width: 83.33333333%;
  112. }
  113. .col-sm-9 {
  114. width: 75%;
  115. }
  116. .col-sm-8 {
  117. width: 66.66666667%;
  118. }
  119. .col-sm-7 {
  120. width: 58.33333333%;
  121. }
  122. .col-sm-6 {
  123. width: 50%;
  124. }
  125. .col-sm-5 {
  126. width: 41.66666667%;
  127. }
  128. .col-sm-4 {
  129. width: 33.33333333%;
  130. }
  131. .col-sm-3 {
  132. width: 25%;
  133. }
  134. .col-sm-2 {
  135. width: 16.66666667%;
  136. }
  137. .col-sm-1 {
  138. width: 8.33333333%;
  139. }
  140. }
  141. @media (max-width: 480px) {
  142. .col-xs-12 {
  143. width: 100%;
  144. }
  145. .col-xs-11 {
  146. width: 91.66666667%;
  147. }
  148. .col-xs-10 {
  149. width: 83.33333333%;
  150. }
  151. .col-xs-9 {
  152. width: 75%;
  153. }
  154. .col-xs-8 {
  155. width: 66.66666667%;
  156. }
  157. .col-xs-7 {
  158. width: 58.33333333%;
  159. }
  160. .col-xs-6 {
  161. width: 50%;
  162. }
  163. .col-xs-5 {
  164. width: 41.66666667%;
  165. }
  166. .col-xs-4 {
  167. width: 33.33333333%;
  168. }
  169. .col-xs-3 {
  170. width: 25%;
  171. }
  172. .col-xs-2 {
  173. width: 16.66666667%;
  174. }
  175. .col-xs-1 {
  176. width: 8.33333333%;
  177. }
  178. }