Commit 30d9836b by Brian Talbot

removing top problem type UI and syncing up problem title styling with LMS conventions

TIM-270
parent af5afa34
<div class="wrapper wrapper--xblock wrapper--openassessment theme--basic"> <div class="wrapper wrapper--xblock wrapper--openassessment theme--basic">
<div class="openassessment" id="openassessment"> <div class="openassessment" id="openassessment">
<div class="wrapper--grid"> <div class="wrapper--grid">
<h1 class="openassessment__title"> <h2 class="openassessment__title ">
<span class="openassessment__title--super"> <span class="problem-header">{{ title }}</span>
{{ title }} </h2>
</span>
<span class="openassessment__title--sub">
<span class="problem-type problem-type--open-ended-response">Open Response</span>
{% for assessment in rubric_assessments %}
+
<span class="problem-type problem-type--{{ assessment.type }}">{{ assessment.name }}</span>
{% endfor %}
</span>
</h1>
<nav class="nav--contents"> <nav class="nav--contents">
<h2 class="title">Skip to a specific step:</h2> <h2 class="title">Skip to a specific step:</h2>
......
This source diff could not be displayed because it is too large. You can view the blob instead.
...@@ -17,21 +17,10 @@ ...@@ -17,21 +17,10 @@
// chrome: title // chrome: title
.openassessment__title { .openassessment__title {
@include row(); @include row();
margin-bottom: $baseline-v;
border-bottom: ($baseline-v/5) solid $color-decorative-tertiary;
padding-bottom: ($baseline-v/2);
}
.openassessment__title--super { .problem-header {
@extend %hd-3; text-transform: uppercase;
display: block;
margin-bottom: ($baseline-v/4);
} }
.openassessment__title--sub {
@extend %hd-7;
display: block;
color: $heading-tertiary-color;
} }
// steps // steps
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment