You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

_settings.scss 1.7KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
  1. .settings-pane {
  2. display: flex;
  3. width: 100%;
  4. &.profile-pane {
  5. flex-direction: column;
  6. }
  7. .auth-name {
  8. margin-bottom: 4px;
  9. }
  10. .calendar-tab,
  11. .device-selection {
  12. margin-top: 20px;
  13. }
  14. .mock-atlaskit-label {
  15. color: #b8c7e0;
  16. font-size: 12px;
  17. font-weight: 600;
  18. line-height: 1.33;
  19. padding: 20px 0px 4px 0px;
  20. }
  21. input[type="checkbox"]:checked + svg {
  22. --checkbox-background-color: #6492e7;
  23. --checkbox-border-color: #6492e7;
  24. }
  25. input[type="checkbox"] + svg + span {
  26. color: #b8c7e0;
  27. }
  28. input[type="checkbox"] + svg + span {
  29. color: #9FB0CC;
  30. }
  31. .calendar-tab,
  32. .more-tab,
  33. .box {
  34. display: flex;
  35. justify-content: space-between;
  36. width: 100%;
  37. }
  38. .profile-edit {
  39. display: flex;
  40. width: 100%;
  41. }
  42. .profile-edit-field {
  43. flex: 1;
  44. }
  45. .settings-sub-pane {
  46. flex: 1;
  47. }
  48. .settings-sub-pane .right {
  49. flex: 1;
  50. }
  51. .settings-sub-pane .left {
  52. flex: 1;
  53. }
  54. .settings-sub-pane-element {
  55. text-align: left;
  56. flex: 1;
  57. }
  58. .profile-edit-field {
  59. margin-right: 20px;
  60. }
  61. .calendar-tab {
  62. align-items: center;
  63. flex-direction: column;
  64. font-size: 14px;
  65. min-height: 100px;
  66. text-align: center;
  67. }
  68. .calendar-tab-sign-in {
  69. margin-top: 20px;
  70. }
  71. .sign-out-cta {
  72. margin-bottom: 20px;
  73. }
  74. @media only screen and (max-width: $smallScreen) {
  75. .device-selection {
  76. display: flex;
  77. flex-direction: column;
  78. }
  79. .more-tab {
  80. flex-direction: column;
  81. }
  82. }
  83. }