Proyectos de Subversion Moodle

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1 efrain 1 
/**
2 
 * This file contains the styles required to make the footer sticky.
3 
 */
4 
 
5 
html,
6 
body {
7 
    height: 100%;
8 
}
9 
 
10 
.stickyfooter {
11 
    position: fixed;
12 
    right: 0;
13 
    left: 0;
14 
    height: $stickyfooter-height;
15 
    bottom: calc(#{$stickyfooter-height} * -1);
16 
    transition: bottom .5s;
17 
    z-index: $zindex-fixed;
18 
    overflow: hidden;
19 
    box-shadow: 0 0 1rem rgba($black, .15);
20 
    font-size: calc(#{$font-size-base} * 1.10);
21 
    // Adjust sticky footer width to the main content area.
22 
    .sticky-footer-content {
23 
        @include media-breakpoint-up(md) {
24 
            .pagelayout-standard &,
25 
            body.limitedwidth.uses-drawers & {
26 
                max-width: $course-content-maxwidth;
27 
            }
28 
            body.mediumwidth.uses-drawers & {
29 
                max-width: $medium-content-maxwidth;
30 
            }
31 
        }
32 
    }
33 
    // Adjust sticky footer width when drawers are open.
34 
    .sticky-footer-content-wrapper {
35 
        @include transition(0.2s);
36 
        @include media-breakpoint-up(lg) {
37 
            .drawers {
38 
                padding: 0 3rem;
39 
            }
40 
            .show-drawer-left & {
41 
                margin-left: $drawer-left-width;
42 
                padding: 0 3rem 0 1rem;
43 
            }
44 
            .show-drawer-right & {
45 
                margin-right: $drawer-right-width;
46 
                padding: 0 1rem 0 3rem;
47 
            }
48 
            .show-drawer-right.show-drawer-left & {
49 
                padding: 0 1rem;
50 
            }
51 
        }
52 
    }
53 
}
54 
 
55 
.hasstickyfooter .stickyfooter {
56 
    bottom: 0;
57 
}
58 
 
59 
/* Standard components fixes for sticky footer. */
60 
 
61 
.stickyfooter ul.pagination {
62 
    margin-bottom: map-get($spacers, 1);
63 
}
64 
 
65 
.stickyfooter .btn {
66 
    font-size: calc(#{$font-size-base} * 1.10);
67 
}
68 
 
69 
/* Breakpoints fixes. */
70 
 
71 
@include media-breakpoint-up(sm) {
72 
    #page-wrapper {
73 
        height: 100%;
74 
        display: flex;
75 
        flex-direction: column;
76 
        #page {
77 
            &:not(.drawers) {
78 
                flex: 1 0 auto;
79 
            }
80 
            display: flex;
81 
            flex-direction: column;
82 
            #page-content {
83 
                flex: 1 0 auto;
84 
            }
85 
        }
86 
        #page-footer {
87 
            flex-shrink: 0;
88 
        }
89 
    }
90 
}
91 
 
92 
@include media-breakpoint-down(sm) {
93 
    #page-wrapper {
94 
        height: 100%;
95 
        display: flex;
96 
        flex-direction: column;
97 
        #page {
98 
            &:not(.drawers) {
99 
                flex: 1 0 auto;
100 
            }
101 
            display: flex;
102 
            flex-direction: column;
103 
        }
104 
    }
105 
}