_characterCreation.scss 834 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. #characterCreation {
  2. display: flex;
  3. flex-direction: row;
  4. flex-wrap: nowrap;
  5. justify-content: space-around;
  6. align-content: stretch;
  7. align-items: center;
  8. }
  9. #ccLeft {
  10. flex: 0 1 auto;
  11. width: 50%;
  12. align-self: auto;
  13. }
  14. #ccRight {
  15. flex: 0 1 auto;
  16. width: 50%;
  17. align-self: center;
  18. }
  19. .ccOption {
  20. margin: auto;
  21. margin-bottom: 2.25ex;
  22. text-align: center;
  23. }
  24. .ccRange {
  25. vertical-align: top;
  26. margin-left: 1.5ex;
  27. margin-right: 1.5ex;
  28. }
  29. .ccButton {
  30. @extend .textLink;
  31. &[data-shortcut]:before {
  32. content: " (" attr(data-shortcut) ") " !important;
  33. }
  34. }
  35. .ccOptionTopLabel {
  36. text-align:center;
  37. font-weight: bold;
  38. margin-bottom: -0.25ex;
  39. }
  40. .ccHeader {
  41. text-align: center;
  42. font-weight: bold;
  43. margin-top: 2ex;
  44. margin-bottom: 0.5ex;
  45. font-size: 1.1rem;
  46. }
  47. .rangeValue {
  48. margin-top: -0.25ex;
  49. }