Proyectos de Subversion Moodle

Rev

Rev 1 | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1 efrain 1 
$courseindex-link-color: $list-group-action-color !default;
1441 ariadna 2 
$courseindex-link-color-selected: color-contrast($primary) !default;
1 efrain 3 
$courseindex-link-dimmed-color: $gray-600 !default;
4 
$courseindex-link-hover-color: black !default;
1441 ariadna 5 
$courseindex-item-dragging-bg: shift-color($info, -90%) !default;
6 
$courseindex-item-dragging-border: shift-color($info, -70%) !default;
1 efrain 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;
14 
 
15 
@mixin courseindex-item-hover() {
16 
    &:hover,
17 
    &:focus {
18 
        color: $courseindex-link-hover-color;
19 
 
20 
        .courseindex-link,
21 
        .courseindex-chevron {
22 
            color: $courseindex-link-hover-color;
23 
            cursor: pointer;
24 
        }
25 
        &.dimmed {
26 
            color: $courseindex-link-hover-color;
27 
 
28 
            .courseindex-link,
29 
            .courseindex-chevron {
30 
                color: $courseindex-link-hover-color;
31 
            }
32 
        }
1441 ariadna 33 
        &.draggable {
34 
            cursor: move;
35 
        }
36 
        &.pageitem,
37 
        .pageitem {
38 
            background-color: darken($courseindex-item-page-bg, 7.5%);
39 
            color: darken($courseindex-link-color-selected, 10%);
40 
            .courseindex-link,
41 
            .courseindex-chevron {
42 
                color: darken($courseindex-link-color-selected, 10%);
43 
                a {
44 
                    color: darken($courseindex-link-color-selected, 10%);
45 
                }
46 
            }
47 
        }
1 efrain 48 
    }
49 
}
50 
 
51 
@mixin courseindex-item-dragging() {
52 
    &.dragging {
53 
        border: $border-width solid $courseindex-item-dragging-border;
54 
        background-color: $courseindex-item-dragging-bg;
55 
    }
56 
}
57 
 
58 
.courseindex {
59 
    // Both activity and section items.
60 
    .courseindex-item {
61 
        padding: $courseindex-item-padding-y $courseindex-item-padding-x;
62 
        border: $border-width solid transparent;
63 
        @include border-radius($courseindex-item-radius);
64 
 
65 
        &.courseindex-section-title a {
66 
            font-weight: bold;
67 
        }
68 
 
69 
        .icons-collapse-expand {
70 
            padding-right: 4px;
71 
        }
72 
 
73 
        .courseindex-link,
74 
        .courseindex-chevron {
75 
            color: $courseindex-link-color;
76 
            &:hover,
77 
            &:focus {
78 
                color: $courseindex-link-hover-color;
79 
                text-decoration: none;
80 
            }
81 
        }
82 
 
83 
        @include courseindex-item-hover();
84 
 
85 
        @include courseindex-item-dragging();
86 
 
87 
        &.active {
88 
            background-color: $courseindex-item-active-bg;
89 
            border-color: $courseindex-item-active-border;
90 
        }
91 
 
92 
        // Hidden elements.
93 
        &.dimmed {
94 
            color: $courseindex-link-dimmed-color;
95 
 
96 
            .courseindex-link,
97 
            .courseindex-chevron {
98 
                color: $courseindex-link-dimmed-color;
99 
            }
100 
 
101 
            // Current page dimmed item.
102 
            &.pageitem {
103 
                color: $courseindex-link-color-selected;
104 
 
105 
                a {
106 
                    color: $courseindex-link-color-selected;
107 
                }
108 
            }
109 
        }
110 
 
111 
        // Restrictions icon.
112 
        .courseindex-locked {
113 
            display: none;
114 
        }
115 
        &.restrictions {
116 
            .courseindex-locked {
117 
                display: block;
118 
            }
119 
        }
120 
 
121 
        // Current page item.
122 
        &.pageitem {
123 
            background-color: $courseindex-item-page-bg;
124 
            color: $courseindex-link-color-selected;
125 
            scroll-margin: 6rem;
126 
            a {
127 
                color: $courseindex-link-color-selected;
128 
            }
129 
        }
130 
 
131 
        // Completion.
132 
        .completioninfo {
133 
            min-width: 24px;
134 
 
135 
            &.completion_complete {
136 
                color: $success;
137 
            }
138 
 
139 
            &.completion_fail {
140 
                color: $danger;
141 
            }
142 
        }
143 
 
144 
        &.indented {
145 
            margin-left: map-get($spacers, 3);
146 
        }
147 
    }
148 
 
149 
    // The full section collapsable.
150 
    .courseindex-section {
151 
 
152 
        @include courseindex-item-dragging();
153 
 
154 
        border-left: solid 3px transparent;
155 
 
156 
        .current-badge {
157 
            line-height: $line-height-base;
158 
            display: none;
159 
        }
160 
 
161 
        &.current {
162 
            border-left: solid 3px $courseindex-item-current;
163 
 
164 
            .current-badge {
165 
                display: inline-block;
166 
            }
1441 ariadna 167 
 
168 
            /* Skip current badges in delegated sections. */
169 
            .delegated-section .current-badge {
170 
                display: none;
171 
            }
1 efrain 172 
        }
173 
 
174 
        &.dropready .courseindex-item-content {
175 
            /* Extra dropzone space */
176 
            padding-bottom: 1em;
177 
        }
178 
 
179 
        .courseindex-sectioncontent {
180 
            .courseindex-item {
181 
                padding-left: $courseindex-item-padding-x;
182 
            }
183 
        }
1441 ariadna 184 
        &.delegated-section {
185 
            width: 100%;
186 
        }
1 efrain 187 
    }
188 
 
189 
    // General icons size.
190 
    .icon {
1441 ariadna 191 
        font-size: 10px;
1 efrain 192 
    }
193 
 
194 
    // Element visible only on editing mode.
195 
    .d-flex-noedit {
196 
        display: none;
197 
    }
198 
    &.editing {
199 
        .d-flex-noedit {
200 
            display: flex;
201 
        }
202 
    }
203 
 
204 
    // Placeholders.
205 
    .placeholders {
206 
        .rounded-circle {
207 
            height: 1rem;
208 
            width: 1rem;
209 
        }
210 
 
211 
        .w-100 {
212 
            height: 1rem;
213 
            margin: 0.5rem 0;
214 
        }
215 
    }
216 
}