bigbluebutton-Github/bigbluebutton-html5/imports/ui/components/end-meeting-confirmation/styles.scss
Ghazi Triki 1f6326f7fd Change layout direction for RTL languages.
Update styles for RTL layout.
2019-05-14 14:17:19 +01:00

63 lines
1.2 KiB
SCSS
Executable File

@import '/imports/ui/stylesheets/mixins/focus';
@import '/imports/ui/stylesheets/variables/_all';
@import "/imports/ui/components/modal/simple/styles";
:root {
--description-margin: 3.5rem;
}
.title {
color: var(--color-gray-dark);
font-weight: var(--headings-font-weight);
font-size: var(--jumbo-padding-y);
}
.container {
display: flex;
align-items: center;
flex-direction: column;
padding: 0;
margin-top: 0;
margin-right: var(--description-margin);
margin-left: var(--description-margin);
margin-bottom: var(--lg-padding-x);
}
.footer {
display:flex;
}
.button {
padding-right: var(--jumbo-padding-y);
padding-left: var(--jumbo-padding-y);
margin: 0 var(--sm-padding-x) 0 0;
[dir="rtl"] & {
margin: 0 0 0 var(--sm-padding-x);
}
}
.description {
text-align: center;
line-height: var(--line-height-base);
color: var(--color-gray);
margin-bottom: var(--jumbo-padding-y)
}
.modal {
@extend .modal;
padding: var(--sm-padding-y);
}
.overlay {
@extend .overlay;
}
.header {
margin: 0;
padding: 0;
border: none;
line-height: var(--title-position-left);
margin-bottom: var(--lg-padding-y);
}