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