Sprankelprachtig aan/afmeldsysteem

application.scss 1.6KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. /*
  2. * This is a manifest file that'll be compiled into application.css, which will include all the files
  3. * listed below.
  4. *
  5. * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
  6. * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
  7. *
  8. * You're free to add application-wide styles to this file and they'll appear at the bottom of the
  9. * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
  10. * files in this directory. Styles in this file should be added after the last require_* statement.
  11. * It is generally better to create a new file per style scope.
  12. *
  13. *= require_self
  14. *= require_tree .
  15. */
  16. @import "bootstrap-sprockets";
  17. @import "bootstrap";
  18. @import "font-awesome-sprockets";
  19. @import "font-awesome";
  20. @import "editable/bootstrap-editable";
  21. /* Horizontally distribute ul items.
  22. *
  23. * Adapted from the following StackOverflow answer:
  24. * http://stackoverflow.com/a/13505797 , by user 'joshnh'
  25. * Licensed under CC-BY-SA 3.0 as per the StackOverflow TOS.
  26. *
  27. */
  28. ul.hdis {
  29. text-align: justify;
  30. padding-left: 0 !important;
  31. }
  32. ul.hdis:after {
  33. content: '';
  34. display: inline-block;
  35. width: 100%;
  36. }
  37. ul.hdis:before {
  38. content: '';
  39. display: block;
  40. margin-top: -1.25em;
  41. }
  42. ul.hdis li {
  43. display: inline-block;
  44. margin-right: -.25em;
  45. position: relative;
  46. top: 1.25em;
  47. }
  48. /* End of CC-BY-SA code. */
  49. /* Don't overlap with the menu. */
  50. body {
  51. padding-top: 70px;
  52. }
  53. /* Force .btn-groups to not break */
  54. table .btn-group {
  55. display: flex;
  56. }
  57. .editable.editable-empty {
  58. color: inherit;
  59. }