_configuration.scss 1.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. @use "variables";
  2. /*=== Configuration pages */
  3. .post {
  4. font-size: 1rem;
  5. h1, h2 {
  6. color: variables.$main-font-color;
  7. font-size: 2rem;
  8. margin-top: 1.75rem;
  9. font-weight: 300;
  10. line-height: 1.2em;
  11. }
  12. h2 {
  13. font-size: 1.5rem;
  14. }
  15. a[href="./"] {
  16. // This is the "Back to your feeds" button.
  17. margin: 0;
  18. padding: 0.75rem 1.5rem;
  19. background: variables.$grey-lighter;
  20. display: inline-block;
  21. color: variables.$grey-dark;
  22. font-size: 1rem;
  23. border: 1px solid variables.$grey-medium-light;
  24. border-radius: 5px;
  25. min-width: 15px;
  26. line-height: 25px;
  27. vertical-align: middle;
  28. cursor: pointer;
  29. overflow: hidden;
  30. &:hover {
  31. background: variables.$main-first;
  32. color: white;
  33. border: 1px solid variables.$main-first;
  34. text-decoration: none;
  35. }
  36. }
  37. }
  38. #slider {
  39. border-left: none;
  40. box-shadow: 0px 6px 8px 0px rgba(0,0,0,0.35);
  41. }
  42. .theme-preview-list {
  43. .preview-container {
  44. .properties {
  45. padding: 1rem;
  46. background: rgba(0, 0, 0, 0.75);
  47. color: white;
  48. border: 0;
  49. .page-number {
  50. right: 1rem;
  51. top: 1rem;
  52. }
  53. }
  54. }
  55. }