1 $courseindex-link-color: $list-group-action-color !default;
2 $courseindex-link-color-selected: color-yiq($primary) !default;
3 $courseindex-link-dimmed-color: $gray-600 !default;
4 $courseindex-link-hover-color: black !default;
5 $courseindex-item-dragging-bg: theme-color-level('info', -11) !default;
6 $courseindex-item-dragging-border: theme-color-level('info', -9) !default;
7 $courseindex-item-active-border: $gray-300 !default;
8 $courseindex-item-active-bg: $gray-100 !default;
9 $courseindex-item-page-bg: $primary !default;
10 $courseindex-item-padding-y: 0.5rem;
11 $courseindex-item-padding-x: 0.5rem;
12 $courseindex-item-radius: $border-radius !default;
13 $courseindex-item-current: $primary !default;
15 @mixin courseindex-item-hover() {
16 @include hover-focus() {
17 color: $courseindex-link-hover-color;
20 .courseindex-chevron {
21 color: $courseindex-link-hover-color;
25 color: $courseindex-link-hover-color;
28 .courseindex-chevron {
29 color: $courseindex-link-hover-color;
38 @mixin courseindex-item-dragging() {
40 border: $border-width solid $courseindex-item-dragging-border;
41 background-color: $courseindex-item-dragging-bg;
46 // Both activity and section items.
48 padding: $courseindex-item-padding-y $courseindex-item-padding-x;
49 border: $border-width solid transparent;
50 @include border-radius($courseindex-item-radius);
52 &.courseindex-section-title a {
56 .icons-collapse-expand {
61 .courseindex-chevron {
62 color: $courseindex-link-color;
63 @include hover-focus() {
64 color: $courseindex-link-hover-color;
65 text-decoration: none;
69 @include courseindex-item-hover();
71 @include courseindex-item-dragging();
74 background-color: $courseindex-item-active-bg;
75 border-color: $courseindex-item-active-border;
80 color: $courseindex-link-dimmed-color;
83 .courseindex-chevron {
84 color: $courseindex-link-dimmed-color;
87 // Current page dimmed item.
89 color: $courseindex-link-color-selected;
92 color: $courseindex-link-color-selected;
102 .courseindex-locked {
107 // Current page item.
109 background-color: $courseindex-item-page-bg;
110 color: $courseindex-link-color-selected;
113 color: $courseindex-link-color-selected;
116 @include hover-focus() {
117 background-color: darken($courseindex-item-page-bg, 7.5%);
118 color: darken($courseindex-link-color-selected, 10%);
120 .courseindex-chevron {
121 color: darken($courseindex-link-color-selected, 10%);
130 &.completion_complete {
140 // The full section collapsable.
141 .courseindex-section {
143 @include courseindex-item-dragging();
145 border-left: solid 3px transparent;
148 line-height: $line-height-base;
153 border-left: solid 3px $courseindex-item-current;
156 display: inline-block;
160 &.dropready .courseindex-item-content {
161 /* Extra dropzone space */
165 .courseindex-sectioncontent {
167 padding-left: $courseindex-item-padding-x;
172 // General icons size.
177 // Element visible only on editing mode.