_configuration.scss 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  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: 3rem;
  19. margin-top: 1.75rem;
  20. font-weight: 300;
  21. line-height: 1.2em;
  22. }
  23. a[href="./"] {
  24. // This is the "Back to your feeds" button.
  25. margin: 0;
  26. padding: 0.75rem 1.5rem;
  27. background: variables.$grey-lighter;
  28. display: inline-block;
  29. color: variables.$grey-dark;
  30. font-size: 1rem;
  31. border: 1px solid variables.$grey-medium-light;
  32. border-radius: 5px;
  33. min-width: 15px;
  34. line-height: 25px;
  35. vertical-align: middle;
  36. cursor: pointer;
  37. overflow: hidden;
  38. &:hover {
  39. background: variables.$main-first;
  40. color: white;
  41. border: 1px solid variables.$main-first;
  42. text-decoration: none;
  43. }
  44. }
  45. }
  46. #slider {
  47. border-left: none;
  48. box-shadow: 0px 6px 8px 0px rgba(0,0,0,0.35);
  49. }
  50. .slide-container {
  51. .properties {
  52. padding: 1rem;
  53. background: rgba(0, 0, 0, 0.75);
  54. color: white;
  55. border: 0;
  56. .page-number {
  57. right: 1rem;
  58. top: 1rem;
  59. }
  60. }
  61. }