_configuration.scss 1.1 KB

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