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.

_base.scss 1.5KB

7 years ago
7 years ago
7 years ago
7 years ago
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. html, body {
  2. font-size: 16px;
  3. height: 100%;
  4. }
  5. body {
  6. font-family: "Fira Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  7. line-height: 1.6;
  8. background-color: $background;
  9. color: $foreground;
  10. // for sticky footer
  11. display: flex;
  12. flex-direction: column;
  13. min-height: 100vh;
  14. }
  15. a {
  16. color: white;
  17. text-decoration: none;
  18. cursor: pointer;
  19. &:hover {
  20. text-decoration: underline;
  21. }
  22. &:visited {
  23. color: white;
  24. }
  25. // totally taken from stripe
  26. &.button {
  27. outline: none;
  28. white-space: nowrap;
  29. display: inline-block;
  30. height: 40px;
  31. line-height: 40px;
  32. padding: 0 14px;
  33. box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  34. background: #fff;
  35. border-radius: 4px;
  36. font-size: 15px;
  37. font-weight: 600;
  38. text-transform: uppercase;
  39. letter-spacing: .025em;
  40. color: #191919;
  41. text-decoration: none;
  42. transition: all .15s ease;
  43. &:hover {
  44. transform: translateY(-1px);
  45. text-decoration: none;
  46. box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);
  47. }
  48. &:active {
  49. background-color: #f6f9fc;
  50. transform: translateY(1px);
  51. }
  52. }
  53. }
  54. pre {
  55. padding: 1rem;
  56. overflow: auto;
  57. }
  58. p code, li code {
  59. background-color: #f5f5f5;
  60. white-space: pre-wrap;
  61. padding: 5px;
  62. border-radius: 5px;
  63. font-size: 0.85rem;
  64. box-shadow: 0 1px 3px rgba(0,0,0,.1), 0 1px 1px rgba(0,0,0,.1), 0 2px 1px -1px rgba(0,0,0,.12);
  65. }