12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697 |
- .settings-pane {
- display: flex;
- width: 100%;
-
- &.profile-pane {
- flex-direction: column;
- }
-
- .auth-name {
- margin-bottom: 4px;
- }
-
- .calendar-tab,
- .device-selection {
- margin-top: 20px;
- }
-
- .mock-atlaskit-label {
- color: #b8c7e0;
- font-size: 12px;
- font-weight: 600;
- line-height: 1.33;
- padding: 20px 0px 4px 0px;
- }
- input[type="checkbox"]:checked + svg {
- --checkbox-background-color: #6492e7;
- --checkbox-border-color: #6492e7;
- }
- input[type="checkbox"] + svg + span {
- color: #b8c7e0;
- }
-
- input[type="checkbox"] + svg + span {
- color: #9FB0CC;
- }
-
- .calendar-tab,
- .more-tab,
- .box {
- display: flex;
- justify-content: space-between;
- width: 100%;
- }
-
- .profile-edit {
- display: flex;
- width: 100%;
- }
-
- .profile-edit-field {
- flex: 1;
- }
- .settings-sub-pane {
- flex: 1;
- }
-
- .settings-sub-pane .right {
- flex: 1;
- }
- .settings-sub-pane .left {
- flex: 1;
- }
-
- .settings-sub-pane-element {
- text-align: left;
- flex: 1;
- }
- .profile-edit-field {
- margin-right: 20px;
- }
-
- .calendar-tab {
- align-items: center;
- flex-direction: column;
- font-size: 14px;
- min-height: 100px;
- text-align: center;
- }
-
- .calendar-tab-sign-in {
- margin-top: 20px;
- }
-
- .sign-out-cta {
- margin-bottom: 20px;
- }
-
- @media only screen and (max-width: $smallScreen) {
- .device-selection {
- display: flex;
- flex-direction: column;
- }
- .more-tab {
- flex-direction: column;
- }
- }
- }
|