scinote-web/app/assets/stylesheets/settings/connected_accounts.scss
2020-07-13 14:51:51 +02:00

49 lines
819 B
SCSS

.user-account-connected-accounts {
.tab-pane-settings {
padding-top: 0;
}
.connected-accounts-title {
border-bottom: $border-tertiary;
padding-bottom: 15px;
}
}
.connected-account {
border: $border-default;
border-radius: $border-radius-default;
display: flex;
margin: 0 15px;
padding: 16px;
width: calc(100% - 30px);
.left-block {
align-items: center;
display: flex;
flex-grow: 1;
flex-wrap: wrap;
.title {
@include font-h3;
}
.description {
flex-basis: 100%;
margin-top: 7px;
}
.status {
color: $brand-success;
margin-left: 8px;
}
}
.right-block {
align-items: flex-end;
display: flex;
flex-basis: 150px;
flex-direction: column;
flex-shrink: 0;
justify-content: flex-end;
}
}