_configuration.scss 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  1. @use "variables";
  2. /*=== Configuration pages */
  3. .post {
  4. padding: 1rem 2rem;
  5. font-size: 1rem;
  6. form {
  7. margin: 1rem 0;
  8. // Gestion des extensions
  9. .horizontal-list {
  10. margin-bottom: 0.5rem;
  11. .item {
  12. .stick {
  13. // width: 65%;
  14. // margin-right: 1rem;
  15. // display:flex;
  16. }
  17. .btn {
  18. // width: 8rem;
  19. // flex-grow: 1;
  20. }
  21. }
  22. }
  23. }
  24. &.content {
  25. max-width: 550px;
  26. }
  27. h1, h2 { // pages titles
  28. // font-family: "spectral";
  29. color: variables.$main-font-color;
  30. font-size: 3rem;
  31. margin-top: 1.75rem;
  32. font-weight: 300;
  33. line-height: 1.2em;
  34. }
  35. a[href="./"] { // C’est le bouton "Retour à vos flux"
  36. margin: 0;
  37. padding: 0.75rem 1.5rem;
  38. background: variables.$grey-lighter;
  39. display: inline-block;
  40. // border: none;
  41. color: variables.$grey-dark;
  42. font-size: 1rem;
  43. border: 1px solid variables.$grey-medium-light;
  44. border-radius: 5px;
  45. // min-height: 38px;
  46. min-width: 15px;
  47. line-height: 25px;
  48. vertical-align: middle;
  49. cursor: pointer;
  50. overflow: hidden;
  51. &:hover {
  52. background: variables.$main-first;
  53. color: white;
  54. border: 1px solid variables.$main-first;
  55. text-decoration: none;
  56. }
  57. }
  58. }
  59. #slider {
  60. border-left: none;
  61. box-shadow: 0px 6px 8px 0px rgba(0,0,0,0.35);
  62. }
  63. .slide-container {
  64. .properties {
  65. padding: 1rem;
  66. background: rgba(0, 0, 0, 0.75);
  67. color: white;
  68. border: 0;
  69. .page-number {
  70. right: 1rem;
  71. top: 1rem;
  72. }
  73. }
  74. }