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.

main.scss 1.7KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120
  1. $text-color: #4d4d4c;
  2. $well-bg: #f0f0f0;
  3. $body-width-max: 800px;
  4. $body-width-narrow: 650px;
  5. $gray-light: hsl(0, 0%, 47%);
  6. $light-border: hsl(0, 0%, 70%);
  7. $yellow: #f2e947;
  8. $green: #40c517;
  9. $link-color: hsl(205, 75%, 52%);
  10. $link-color-alt: $text-color;
  11. $body-font: Palatino, serif;
  12. $heading-font: Palatino, serif;
  13. $code-font: "Ubuntu Mono", Monaco, monospace;
  14. $font-size-base: 1.2em;
  15. /* Libraries */
  16. @import "include-media";
  17. @import "mixins";
  18. @import "normalize";
  19. @import "pygment";
  20. @import "responsive-embed";
  21. @import "spacers";
  22. @import "util";
  23. /* Base styles */
  24. @import "layout"; // page structure (grid)
  25. @import "elements"; // default element styles (p, code)
  26. @import "components"; // reusable components (.list-unstyled)
  27. /* Sections */
  28. @import "header";
  29. @import "archive";
  30. @import "home";
  31. @import "content";
  32. @import "footer";
  33. /* Article */
  34. article.summary {
  35. margin-bottom: 40px;
  36. clear: both;
  37. > div {
  38. margin-left: 28%;
  39. }
  40. }
  41. article.summary .metadata {
  42. width: 23%;
  43. float: left;
  44. margin: 0 1% 2% 0;
  45. }
  46. .figure {
  47. text-align: center;
  48. }
  49. .figure > img {
  50. border: 1px solid #ddd;
  51. padding: 4px;
  52. }
  53. figure {
  54. border: 1px solid #ddd;
  55. text-align: center;
  56. background-color: #f3f3f3;
  57. padding: 4px;
  58. margin: 10px;
  59. float: right;
  60. > img {
  61. margin: 0;
  62. padding: 0;
  63. border: 0 none;
  64. }
  65. }
  66. figcaption {
  67. margin-bottom: 0;
  68. }
  69. /* Listings */
  70. ol.archive {
  71. li {
  72. margin: 8px 0;
  73. time,
  74. .tags {
  75. line-height: 140%;
  76. font-size: 0.8em;
  77. margin: 0;
  78. }
  79. }
  80. }
  81. .pagination {
  82. width: 100px;
  83. margin: 1em auto;
  84. }
  85. .recent-posts {
  86. list-style: none;
  87. h3 {
  88. margin-bottom: 0;
  89. }
  90. li {
  91. p {
  92. margin: 0;
  93. font-size: 90%;
  94. color: #444;
  95. }
  96. }
  97. }
  98. // vim:ts=2 sw=2 et: