duckduckgo.com.styl 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. // * duckduckgo.styl
  2. // ** Homepage
  3. .search--adv
  4. background-color highlight
  5. .search__autocomplete > .acp-wrap
  6. background-color()
  7. > .acp--highlight
  8. background-color highlight
  9. color emphasized-more
  10. strong
  11. color emphasized-more
  12. // ** Top header
  13. .site-wrapper > #header_wrapper
  14. background-color()
  15. .site-wrapper > #header_wrapper > #header
  16. background-color()
  17. // ** Search field
  18. .search--header
  19. background-color highlight
  20. // ** Quick search results
  21. // *** Main background
  22. .zci
  23. background-color highlight
  24. color()
  25. // *** Info/link box
  26. .tile--info
  27. background-color()
  28. &__expand
  29. background-color highlight-extra
  30. // *** Meaning boxes
  31. .tile--c
  32. background-color highlight-extra
  33. color emphasized-more
  34. // *** Alternative (wide-screen) box
  35. .module__text
  36. color()
  37. // **** "Related topics"
  38. .about-info-box__heading
  39. color emphasized
  40. // ** Results
  41. .result
  42. &.highlight
  43. background-color highlight
  44. &__snippet
  45. color()
  46. b
  47. color emphasized
  48. // ** Back-to-top arrow
  49. .btn--top
  50. background-color highlight
  51. color()
  52. &:hover
  53. background-color highlight-extra
  54. // ** Result separator line
  55. .result--sep--hr:before
  56. background-color highlight-extra