Proyectos de Subversion Moodle

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1 efrain 1 
// General Post SCSS for use in all presets.
2 
 
3 
// Generate the column layout css.
4 
@mixin page_layout($blockswidth) {
5 
    $mainwidth-oneblock: (100% - $blockswidth);
6 
    $mainwidth-twoblocks: (100% - $blockswidth * 2);
7 
    #page-content {
8 
        display: flex;
9 
 
10 
        .region-main {
11 
            flex: 0 0 100%;
12 
            padding: 0 1rem;
13 
            max-width: 100%;
14 
        }
15 
 
16 
        &.blocks-pre {
17 
            .columnleft {
18 
                flex: 0 0 $blockswidth;
19 
                order: -1;
20 
                padding: 0 1rem;
21 
                max-width: $blockswidth;
22 
            }
23 
            .region-main {
24 
                flex: 0 0 $mainwidth-oneblock;
25 
                max-width: $mainwidth-oneblock;
26 
                padding: 0 1rem 0 0;
27 
                #region-main {
28 
                    border: $card-border-width solid $card-border-color;
29 
                    padding: $card-spacer-x;
30 
 
31 
                    @if $enable-rounded {
32 
                        @include border-radius($card-border-radius);
33 
                    }
34 
                }
35 
            }
36 
        }
37 
        &.blocks-post {
38 
            .region-main {
39 
                flex: 0 0 $mainwidth-oneblock;
40 
                max-width: $mainwidth-oneblock;
41 
                padding: 0 0 0 1rem;
42 
            }
43 
            .columnright {
44 
                flex: 0 0 $blockswidth;
45 
                padding: 0 1rem;
46 
                max-width: $blockswidth;
47 
            }
48 
        }
49 
        &.blocks-pre.blocks-post {
50 
            .region-main {
51 
                flex: 0 0 $mainwidth-twoblocks;
52 
                max-width: $mainwidth-twoblocks;
53 
                padding: 0;
54 
            }
55 
        }
56 
 
57 
        [data-region="blocks-column"] {
58 
            width: 100%;
59 
        }
60 
    }
61 
 
62 
    .empty-region-side-pre {
63 
        &.used-region-side-post {
64 
            #page-content {
65 
                .region-main {
66 
                    flex: 0 0 $mainwidth-oneblock;
67 
                    max-width: $mainwidth-oneblock;
68 
                    padding-left: 1rem;
69 
                }
70 
                .columnright {
71 
                    flex: 0 0 $blockswidth;
72 
                    padding: 0 1rem;
73 
                    max-width: $blockswidth;
74 
                }
75 
            }
76 
        }
77 
    }
78 
    .empty-region-side-post {
79 
        &.used-region-side-pre {
80 
            #page-content {
81 
                .region-main {
82 
                    flex: 0 0 $mainwidth-oneblock;
83 
                    max-width: $mainwidth-oneblock;
84 
                    padding-right: 1rem;
85 
                }
86 
                .columnleft {
87 
                    flex: 0 0 $blockswidth;
88 
                    order: -1;
89 
                    padding: 0 1rem;
90 
                    max-width: $blockswidth;
91 
                }
92 
            }
93 
        }
94 
    }
95 
    .used-region-side-post {
96 
        &.used-region-side-pre {
97 
            #page-content {
98 
                .region-main {
99 
                    flex: 0 0 $mainwidth-twoblocks;
100 
                    max-width: $mainwidth-twoblocks;
101 
                    padding: 0;
102 
                }
103 
                .columnleft {
104 
                    flex: 0 0 $blockswidth;
105 
                    order: -1;
106 
                    padding: 0 1rem;
107 
                    max-width: $blockswidth;
108 
                }
109 
                .columnright {
110 
                    flex: 0 0 $blockswidth;
111 
                    padding: 0 1rem;
112 
                    max-width: $blockswidth;
113 
                }
114 
            }
115 
        }
116 
    }
117 
}
118 
 
119 
.path-grade-report-grader .gradeparent {
120 
    tr.heading {
121 
        top: $navbar-height;
122 
    }
123 
 
124 
    th.header {
125 
        left: 0;
126 
    }
127 
}
128 
 
129 
// The block column needs some padding on small devices.
130 
@include media-breakpoint-down(sm) {
131 
    .blockcolumn,
132 
    .region-main {
133 
        flex: 0 0 100%;
134 
        max-width: 100%;
135 
        padding: 0 1rem;
136 
        margin-bottom: 1rem;
137 
    }
138 
}
139 
 
140 
// When changing this please check the size of the calendar block.
141 
@include media-breakpoint-up(md) {
142 
    @include page_layout(32%);
143 
}
144 
 
145 
@include media-breakpoint-up(lg) {
146 
    @include page_layout(25%);
147 
}
148 
 
149 
@include media-breakpoint-up(xl) {
150 
    @include page_layout(20%);
151 
}
152 
 
153 
@media print {
154 
    #page-content .region-main {
155 
        max-width: 100% !important; /* stylelint-disable-line declaration-no-important */
156 
        flex: 0 0 100% !important; /* stylelint-disable-line declaration-no-important */
157 
        padding: 0 1rem 0 !important; /* stylelint-disable-line declaration-no-important */
158 
    }
159 
}
160 
 
161 
// Settings and Navigation blocks don't render well from default boost.
162 
.block_navigation,
163 
.block_settings {
164 
    .block_tree {
165 
        &.list > li > ul {
166 
            padding-left: 0;
167 
        }
168 
        .tree_item.branch {
169 
            margin-left: 5px;
170 
            padding-left: 0.75rem;
171 
        }
172 
        p.hasicon {
173 
            text-indent: 0;
174 
            padding-left: 0.75rem;
175 
        }
176 
        ul {
177 
            margin-left: 0.25rem;
178 
            padding-left: 1rem;
179 
        }
180 
    }
181 
}
182 
 
183 
.block_navigation .block_tree p.hasicon .icon,
184 
.block_settings .block_tree p.hasicon .icon {
185 
    margin-right: 5px;
186 
}
187 
 
188 
// Remove left indenting from root nodes to allow sub-nodes to indent correctly.
189 
.root_node,
190 
.navigation_node {
191 
    margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
192 
    padding-left: 0 !important; /* stylelint-disable-line declaration-no-important */
193 
}
194 
 
195 
.block.block_settings {
196 
    #settingsnav {
197 
        padding-top: 0 !important; /* stylelint-disable-line declaration-no-important */
198 
    }
199 
}
200 
 
201 
#page-footer {
202 
    padding-top: $spacer * .5;
203 
    padding-bottom: $spacer * .5;
204 
}
205 
 
206 
body.hasstickyfooter #page-footer {
207 
    padding-bottom: calc(#{$spacer} * .5 + #{$stickyfooter-height});
208 
}