diff --git a/css/components/interactives/_runestone.scss b/css/components/interactives/_runestone.scss index e64acaf4d5..971a048d47 100644 --- a/css/components/interactives/_runestone.scss +++ b/css/components/interactives/_runestone.scss @@ -88,3 +88,15 @@ ul[data-component="timedAssessment"] { background: hsl(0, 0%, 8%); } } + +// Similar to rules in _spacing.scss +// exercise content divs that are hoisted into a RS interactive +// should get one of these classes. +@layer spacing { + .runestone :is(.exercise-statement, .exercise-content) > *:not(:first-child) { + margin-top: 1em; + } + .ptx-runestone-container + .solutions { + margin-top: 0.5em; + } +}