97 lines
1.6 KiB
SCSS
97 lines
1.6 KiB
SCSS
$dense: true;
|
|
|
|
.drawer {
|
|
&__header { height: 48px }
|
|
|
|
&__tab { margin: 6px auto 6px }
|
|
}
|
|
|
|
.column { margin: 10px 5px }
|
|
|
|
.column-header {
|
|
height: 48px;
|
|
|
|
> button { padding: 12px 16px }
|
|
|
|
&__buttons { height: 48px }
|
|
|
|
&__button { margin: 6px }
|
|
|
|
&__back-button { margin: 6px }
|
|
}
|
|
|
|
.column-subheading { padding: 8px 16px }
|
|
|
|
.column-link { padding: 12px 16px }
|
|
|
|
.tabs-bar__link { padding: 12px 16px 8px 16px }
|
|
|
|
.notification__filter-bar button { padding: 12px 0 }
|
|
|
|
.getting-started__footer {
|
|
padding: 12px 16px;
|
|
|
|
p { margin-bottom: 12px }
|
|
}
|
|
|
|
.compose-form {
|
|
.compose-form {
|
|
&__publish { padding-top: 8px }
|
|
|
|
&__buttons-wrapper {
|
|
.icon-button,
|
|
.text-icon-button { padding: 4px }
|
|
}
|
|
}
|
|
}
|
|
|
|
.status {
|
|
padding: 8px 8px 4px 66px;
|
|
|
|
&__expand { width: 66px }
|
|
|
|
&__avatar {
|
|
left: 8px;
|
|
top: 10px;
|
|
}
|
|
|
|
&__content {
|
|
padding-top: 2px;
|
|
|
|
&__spoiler-link,
|
|
&__read-more-button {
|
|
height: auto;
|
|
padding: 4px 8px;
|
|
}
|
|
}
|
|
|
|
&__action-bar-button {
|
|
margin: 0 4px;
|
|
|
|
&.icon-button { padding: 4px }
|
|
}
|
|
|
|
&__action-bar-dropdown {
|
|
width: 28px !important;
|
|
height: 28px !important;
|
|
margin: 0 4px;
|
|
|
|
.icon-button { padding: 4px }
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 630px) {
|
|
.columns-area--mobile .status { padding: 8px 8px 8px 78px }
|
|
}
|
|
|
|
.detailed-status {
|
|
padding: 14px;
|
|
|
|
&__meta { margin-top: 14px }
|
|
|
|
&__action-bar { padding: 10px 0 }
|
|
}
|
|
|
|
.reply-indicator { padding: 8px }
|
|
|
|
.button.button--block { margin: 6px 0 } |