mobile-grids.css 5.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152
  1. /*!
  2. * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
  3. *
  4. * CASCADE FRAMEWORK 1.0
  5. *
  6. * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
  7. *
  8. *
  9. * Copyright 2013, John Slegers
  10. * Released under the MIT license
  11. * http://jslegers.github.com/cascadeframework/license.html
  12. *
  13. *
  14. * This means you can use Cascade Framework for any project,
  15. * whether commercial or not.
  16. *
  17. * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
  18. *
  19. *
  20. * Cascade Framework also contains the following goodies,
  21. * which all have the same or similar 'permissive licenses :
  22. *
  23. *
  24. * Includes polyfills by Joshua Bell
  25. * http://www.calormen.com/polyfill/
  26. * Released in public domain
  27. *
  28. *
  29. * Includes Google ExplorerCanvas
  30. * https://code.google.com/p/explorercanvas/
  31. * Released under the Apache 2.0 license
  32. *
  33. *
  34. * Includes Google Prettify
  35. * https://code.google.com/p/google-code-prettify/
  36. * Released under the Apache 2.0 license
  37. *
  38. *
  39. * Includes Yepnope
  40. * http://yepnopejs.com/
  41. * Released under the WTFPL license
  42. *
  43. *
  44. * Includes Modernizr
  45. * http://modernizr.com/
  46. * Released under the MIT license
  47. *
  48. *
  49. * Includes lodash
  50. * http://lodash.com/
  51. * Released under the MIT license
  52. *
  53. *
  54. * Includes jQuery
  55. * http://jquery.com/
  56. * Released under the MIT license
  57. *
  58. *
  59. * Includes jQuery Easing plugin
  60. * http://gsgd.co.uk/sandbox/jquery/easing/
  61. * Released under the BSD license
  62. *
  63. *
  64. * Includes jQuery Flot plugin
  65. * http://www.flotcharts.org/
  66. * Released under the MIT license
  67. *
  68. *
  69. * Includes the Font Awesome webfont
  70. * http://fortawesome.github.com/Font-Awesome/
  71. * Released under the SIL Open Font License
  72. *
  73. *
  74. *
  75. *
  76. *
  77. * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
  78. *
  79. * Cascade Framework was inspired by many articles and projects
  80. *
  81. * Especially these authors are worth mentioning :
  82. *
  83. * Nicolle Sullivan
  84. * Jonathan Snook
  85. * Chris Coyier
  86. * Eric Meyer
  87. * Nicolas Gallagher
  88. * Paul Irish
  89. * Mark Otto
  90. * Jacob Thornton
  91. *
  92. *
  93. * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
  94. * Date: 2013-03-15
  95. * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
  96. */
  97. @media (max-width: 767px) {
  98. .mobile-width-1of24{width:4.1666666% !important;}
  99. .mobile-width-1of16{width:6.25% !important;}
  100. .mobile-width-1of12,.mobile-width-2of24{width:8.3333333% !important;}
  101. .mobile-width-1of10{width:10% !important;}
  102. .mobile-width-1of9{width:11.1111111% !important;}
  103. .mobile-width-1of8,.mobile-width-2of16,.mobile-width-3of24{width:12.5% !important;}
  104. .mobile-width-1of7{width:14.2857143% !important;}
  105. .mobile-width-1of6,.mobile-width-2of12,.mobile-width-4of24{width:16.6666666% !important;}
  106. .mobile-width-3of16{width:18.75% !important;}
  107. .mobile-width-1of5,.mobile-width-2of10{width:20% !important;}
  108. .mobile-width-5of24{width:20.8333333% !important;}
  109. .mobile-width-2of9{width:22.2222222% !important;}
  110. .mobile-width-1of4,.mobile-width-2of8,.mobile-width-3of12,.mobile-width-4of16,.mobile-width-6of24{width:25% !important;}
  111. .width-2of7{width:28.5714286% !important;}
  112. .mobile-width-7of24{width:29.1666666% !important;}
  113. .mobile-width-3of10{width:30% !important;}
  114. .mobile-width-5of16{width:31.25% !important;}
  115. .mobile-width-1of3,.mobile-width-2of6,.mobile-width-3of9,.mobile-width-4of12,.mobile-width-8of24{width:33.3333333% !important;}
  116. .mobile-width-3of8,.mobile-width-6of16,.mobile-width-9of24{width:37.5% !important;}
  117. .mobile-width-2of5,.mobile-width-4of10{width:40% !important;}
  118. .mobile-width-5of12,.mobile-width-10of24{width:41.6666666% !important;}
  119. .mobile-width-3of7{width:42.8571429% !important;}
  120. .mobile-width-7of16{width:43.75% !important;}
  121. .mobile-width-4of9{width:44.4444444% !important;}
  122. .mobile-width-11of24{width:45.8333333% !important;}
  123. .mobile-width-1of2,.mobile-width-2of4,.mobile-width-3of6,.mobile-width-4of8,.mobile-width-5of10,.mobile-width-6of12,.mobile-width-8of16,.mobile-width-12of24{width:50% !important;}
  124. .mobile-width-13of24{width:54.1666666% !important;}
  125. .mobile-width-5of9{width:55.5555555% !important;}
  126. .mobile-width-9of16{width:56.25% !important;}
  127. .mobile-width-4of7{width:57.1428572% !important;}
  128. .mobile-width-7of12,.mobile-width-14of24{width:58.3333333% !important;}
  129. .mobile-width-3of5,.mobile-width-6of10{width:60% !important;}
  130. .mobile-width-5of8,.mobile-width-10of16,.mobile-width-15of24{width:62.5% !important;}
  131. .mobile-width-2of3,.mobile-width-4of6,.mobile-width-6of9,.mobile-width-8of12,.mobile-width-16of24{width:66.6666666% !important;}
  132. .mobile-width-11of16{width:68.75% !important;}
  133. .mobile-width-7of10{width:70% !important;}
  134. .mobile-width-17of24{width:70.8333333% !important;}
  135. .mobile-width-5of7{width:71.4285715% !important;}
  136. .mobile-width-3of4,.mobile-width-6of8,.mobile-width-9of12,.mobile-width-12of16,.mobile-width-18of24{width:75% !important;}
  137. .mobile-width-7of9{width:77.7777777% !important;}
  138. .mobile-width-19of24{width:79.1666666% !important;}
  139. .mobile-width-4of5,.mobile-width-8of10{width:80% !important;}
  140. .mobile-width-13of16{width:81.25% !important;}
  141. .mobile-width-5of6,.mobile-width-10of12,.mobile-width-20of24{width:83.3333333% !important;}
  142. .mobile-width-6of7{width:85.7142858% !important;}
  143. .mobile-width-7of8,.mobile-width-14of16,.mobile-width-21of24{width:87.5% !important;}
  144. .mobile-width-8of9{width:88.8888888% !important;}
  145. .mobile-width-9of10{width:90% !important;}
  146. .mobile-width-11of12,.mobile-width-22of24{width:91.6666666% !important;}
  147. .mobile-width-15of16{width:93.75% !important;}
  148. .mobile-width-23of24{width:95.8333333% !important;}
  149. }