summaryrefslogtreecommitdiff
path: root/front.scss
blob: 750de916e022dd243e60447187b7a50d21e0e885 (plain)
  1. @import 'h5bp/helpers';
  2. @import 'compass/css3';
  3. @import "partials/base";
  4. #content {
  5. width: 96%;
  6. max-width: none;
  7. }
  8. #content img.solo {
  9. width: 100%;
  10. }
  11. .inlinepage {
  12. position: relative;
  13. //set to make inline header position work
  14. border: 0;
  15. padding: 0;
  16. margin: 0 0 1em 0;
  17. background-color: transparent;
  18. height: 15em;
  19. overflow: hidden;
  20. }
  21. //set to annull style.css
  22. .inlinecontent {
  23. margin-top: 0;
  24. }
  25. .inlineheader {
  26. display: block;
  27. position: absolute;
  28. bottom: 0;
  29. left: 0;
  30. width: 100%;
  31. a {
  32. font-weight: normal;
  33. color: white;
  34. background-color: #6699cc;
  35. display: block;
  36. padding: 0.5em;
  37. opacity: 0.8;
  38. }
  39. }
  40. .inlinecontent p {
  41. margin-bottom: 0;
  42. margin-top: 0;
  43. }
  44. .inlinefooter,
  45. .inlineheader .author,
  46. .sidebar,
  47. .farbar {
  48. @include h5bp-hidden;
  49. }
  50. //Responsive design
  51. @media screen and (max-width: 480px) {
  52. #content {
  53. width: 100%;
  54. margin: 0;
  55. padding: 0;
  56. }
  57. .columns {
  58. @include column-count(1);
  59. }
  60. .inlinepage {
  61. margin: 0;
  62. }
  63. }
  64. @media screen and (min-width: 480px) and (max-width: 700px) {
  65. .columns {
  66. @include column-count(2);
  67. }
  68. }
  69. @media screen and (min-width: 701px) {
  70. .columns {
  71. @include column-count(3);
  72. }
  73. }