Blog-style website for karathan using the self-made Stellar Theme powered by HTML5Up http://blog.karathan.at

_list.scss 1.3KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  1. ///
  2. /// Stellar by HTML5 UP
  3. /// html5up.net | @ajlkn
  4. /// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
  5. ///
  6. /* List */
  7. ol {
  8. list-style: decimal;
  9. margin: 0 0 _size(element-margin) 0;
  10. padding-left: 1.25em;
  11. li {
  12. padding-left: 0.25em;
  13. }
  14. }
  15. ul {
  16. list-style: disc;
  17. margin: 0 0 _size(element-margin) 0;
  18. padding-left: 1em;
  19. li {
  20. padding-left: 0.5em;
  21. }
  22. &.alt {
  23. list-style: none;
  24. padding-left: 0;
  25. li {
  26. border-top: solid 1px;
  27. padding: 0.5em 0;
  28. &:first-child {
  29. border-top: 0;
  30. padding-top: 0;
  31. }
  32. }
  33. }
  34. }
  35. dl {
  36. margin: 0 0 _size(element-margin) 0;
  37. dt {
  38. display: block;
  39. font-weight: _font(weight-bold);
  40. margin: 0 0 (_size(element-margin) * 0.5) 0;
  41. }
  42. dd {
  43. margin-left: _size(element-margin);
  44. }
  45. &.alt {
  46. dt {
  47. display: block;
  48. width: 3em;
  49. margin: 0;
  50. clear: left;
  51. float: left;
  52. }
  53. dd {
  54. margin: 0 0 0.85em 5.5em;
  55. }
  56. &:after {
  57. content: '';
  58. display: block;
  59. clear: both;
  60. }
  61. }
  62. }
  63. @mixin color-list($p: null) {
  64. ul {
  65. &.alt {
  66. li {
  67. border-top-color: _palette($p, border);
  68. }
  69. }
  70. }
  71. dl {
  72. dt {
  73. color: _palette($p, fg-bold);
  74. }
  75. }
  76. }
  77. @include color-list;