_configuration.scss 1.2 KB

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