Proyectos de Subversion Moodle

Rev

| Ultima modificación | Ver Log |

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