style.scss 1.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. // Rules we could port to the rest of Nextcloud too
  2. // Proper highlight for links and focus feedback
  3. #accessibility a {
  4. font-weight: bold;
  5. &:hover,
  6. &:focus {
  7. text-decoration: underline;
  8. }
  9. }
  10. // Highlight checkbox label in bold for focus feedback
  11. // Drawback: Text width increases a bit
  12. #accessibility .checkbox:focus + label {
  13. font-weight: bold;
  14. }
  15. // Limit width of settings sections for readability
  16. #accessibility.section p {
  17. max-width: 800px;
  18. }
  19. // End of rules we could port to rest of Nextcloud
  20. .preview-list {
  21. display: flex;
  22. flex-direction: column;
  23. max-width: 800px;
  24. }
  25. .preview {
  26. display: flex;
  27. justify-content: flex-start;
  28. margin-top: 3em;
  29. position: relative;
  30. &,
  31. * {
  32. user-select: none;
  33. }
  34. .preview-image {
  35. flex-basis: 200px;
  36. flex-shrink: 0;
  37. margin-right: 1em;
  38. background-position: top left;
  39. background-size: cover;
  40. background-repeat: no-repeat;
  41. border-radius: var(--border-radius);
  42. }
  43. .preview-description {
  44. display: flex;
  45. flex-direction: column;
  46. label {
  47. padding: 12px 0;
  48. }
  49. }
  50. }