3685dbd6a1
Introduces functionality to display Split Test Content within the new Unit page interface.
100 lines
2.2 KiB
SCSS
100 lines
2.2 KiB
SCSS
%base-font-params {
|
|
font-size: $font-size-sm;
|
|
line-height: $line-height-base;
|
|
}
|
|
|
|
.course-unit-sidebar {
|
|
.course-unit-sidebar-header {
|
|
padding: $spacer $spacer map-get($spacers, 3\.5);
|
|
|
|
.course-unit-sidebar-header-icon {
|
|
margin-right: map-get($spacers, 1);
|
|
}
|
|
|
|
.course-unit-sidebar-header-title {
|
|
font-size: $font-size-base;
|
|
line-height: $line-height-base;
|
|
}
|
|
}
|
|
|
|
.course-unit-sidebar-footer {
|
|
padding: 0 $spacer $spacer;
|
|
|
|
.course-unit-sidebar-visibility {
|
|
.course-unit-sidebar-visibility-title {
|
|
font-weight: $font-weight-normal;
|
|
color: $gray-700;
|
|
|
|
@extend %base-font-params;
|
|
}
|
|
|
|
.course-unit-sidebar-visibility-section {
|
|
@extend %base-font-params;
|
|
}
|
|
|
|
.course-unit-sidebar-location-description {
|
|
font-size: $font-size-xs;
|
|
line-height: $line-height-base;
|
|
word-break: break-word;
|
|
}
|
|
|
|
.course-unit-sidebar-visibility-copy {
|
|
font-weight: $font-weight-bold;
|
|
color: $gray-700;
|
|
|
|
@extend %base-font-params;
|
|
}
|
|
|
|
.course-unit-sidebar-visibility-checkbox .pgn__form-label {
|
|
font-size: $font-size-sm;
|
|
line-height: $headings-line-height;
|
|
}
|
|
}
|
|
|
|
.course-unit-sidebar-footer__divider {
|
|
margin: map-get($spacers, 3\.5) map-get($spacers, 0) map-get($spacers, 3\.5);
|
|
}
|
|
|
|
.course-unit-sidebar-footer__discard-changes__btn + .course-unit-sidebar-footer__divider {
|
|
margin: map-get($spacers, 2) map-get($spacers, 0) map-get($spacers, 3\.5);
|
|
}
|
|
}
|
|
|
|
.course-unit-sidebar-date {
|
|
padding: 0 $spacer $spacer;
|
|
|
|
@extend %base-font-params;
|
|
|
|
.course-unit-sidebar-date-stage {
|
|
font-weight: $font-weight-normal;
|
|
|
|
@extend %base-font-params;
|
|
}
|
|
|
|
.course-unit-sidebar-date-timestamp {
|
|
color: $gray-700;
|
|
|
|
@extend %base-font-params;
|
|
}
|
|
|
|
&.is-stuff-only .course-unit-sidebar-date-and-with {
|
|
text-decoration: line-through;
|
|
}
|
|
}
|
|
|
|
.course-split-test-sidebar {
|
|
padding: $spacer;
|
|
|
|
@extend %base-font-params;
|
|
|
|
.course-split-test-sidebar-title {
|
|
font-size: $font-size-base;
|
|
line-height: $line-height-base;
|
|
}
|
|
|
|
.course-split-test-sidebar-devider {
|
|
width: 100%;
|
|
}
|
|
}
|
|
}
|