mirror of
https://github.com/Combodo/iTop.git
synced 2026-02-13 07:24:13 +01:00
75 lines
1.2 KiB
SCSS
75 lines
1.2 KiB
SCSS
$media-border-color: bulmaRgba($border, 0.5) !default;
|
|
$media-spacing: 1rem;
|
|
$media-spacing-large: 1.5rem;
|
|
|
|
.media {
|
|
align-items: flex-start;
|
|
display: flex;
|
|
text-align: inherit;
|
|
|
|
.content:not(:last-child) {
|
|
margin-bottom: 0.75rem;
|
|
}
|
|
|
|
.media {
|
|
border-top: 1px solid $media-border-color;
|
|
display: flex;
|
|
padding-top: 0.75rem;
|
|
|
|
.content:not(:last-child),
|
|
.control:not(:last-child) {
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
|
|
.media {
|
|
padding-top: 0.5rem;
|
|
|
|
& + .media {
|
|
margin-top: 0.5rem;
|
|
}
|
|
}
|
|
}
|
|
|
|
& + .media {
|
|
border-top: 1px solid $media-border-color;
|
|
margin-top: $media-spacing;
|
|
padding-top: $media-spacing;
|
|
}
|
|
|
|
// Sizes
|
|
&.is-large {
|
|
& + .media {
|
|
margin-top: $media-spacing-large;
|
|
padding-top: $media-spacing-large;
|
|
}
|
|
}
|
|
}
|
|
|
|
.media-left,
|
|
.media-right {
|
|
flex-basis: auto;
|
|
flex-grow: 0;
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
.media-left {
|
|
@include ltr-property("margin", $media-spacing);
|
|
}
|
|
|
|
.media-right {
|
|
@include ltr-property("margin", $media-spacing, false);
|
|
}
|
|
|
|
.media-content {
|
|
flex-basis: auto;
|
|
flex-grow: 1;
|
|
flex-shrink: 1;
|
|
text-align: inherit;
|
|
}
|
|
|
|
@include mobile {
|
|
.media-content {
|
|
overflow-x: auto;
|
|
}
|
|
}
|