| 提交 | 用户 | 时间 | ||
| 58d006 | 1 | .enable_footer() when (@enable-footer = true) { |
| A | 2 | .footer { |
| 3 | @footer-offset: @grid-gutter-width / 2; | |
| 4 | ||
| 5 | padding-top: 75px; | |
| 6 | height: 0; | |
| 7 | width: 0; | |
| 8 | ||
| 9 | .footer-inner { | |
| 10 | text-align: center; | |
| 11 | ||
| 12 | position: absolute; | |
| 13 | z-index: auto; | |
| 14 | left: 0; | |
| 15 | right: 0; | |
| 16 | bottom: 0; | |
| 17 | ||
| 18 | .sidebar ~ & { | |
| 19 | left: @sidebar-width; | |
| 20 | } | |
| 21 | @media (min-width: @screen-compact-menu) { | |
| 22 | .sidebar.compact ~ & { | |
| 23 | left: @sidebar-compact-width; | |
| 24 | } | |
| 25 | } | |
| 26 | .sidebar.menu-min ~ & { | |
| 27 | left: @sidebar-min-width; | |
| 28 | } | |
| 29 | @media (min-width: @grid-float-breakpoint) { | |
| 30 | .sidebar.h-sidebar ~ & { | |
| 31 | left: 0; | |
| 32 | } | |
| 33 | } | |
| 34 | ||
| 35 | @media (max-width: @grid-float-breakpoint-max) { | |
| 36 | & , .sidebar ~ &, .sidebar.compact ~ & , .sidebar.menu-min ~ & { | |
| 37 | left: 0; | |
| 38 | } | |
| 39 | .sidebar.responsive-min ~ & { | |
| 40 | left: @sidebar-min-width; | |
| 41 | } | |
| 42 | } | |
| 43 | ||
| 44 | ||
| 45 | .enable_container_footer() when(@enable-container = true) { | |
| 46 | .container.main-container & {//no sidebar | |
| 47 | @media (min-width: @screen-sm-min) and (max-width: @grid-float-breakpoint-max) { | |
| 48 | left: auto !important;//for RTL | |
| 49 | right: auto !important;//for RTL | |
| 50 | ||
| 51 | margin-left: auto; | |
| 52 | width: @container-sm; | |
| 53 | } | |
| 54 | @media (min-width: @screen-md-min) { | |
| 55 | left: auto !important;//for RTL | |
| 56 | right: auto !important;//for RTL | |
| 57 | ||
| 58 | width: @container-md; | |
| 59 | } | |
| 60 | @media (min-width: @screen-lg-min) { | |
| 61 | width: @container-lg; | |
| 62 | } | |
| 63 | } | |
| 64 | ||
| 65 | .container.main-container .sidebar ~ & { | |
| 66 | @media (min-width: @screen-sm-min) and (max-width: @grid-float-breakpoint-max) { | |
| 67 | left: auto !important;//for RTL | |
| 68 | right: auto !important;//for RTL | |
| 69 | ||
| 70 | margin-left: auto; | |
| 71 | width: @container-sm ; | |
| 72 | } | |
| 73 | @media (min-width: @screen-md-min) { | |
| 74 | left: auto !important;//for RTL | |
| 75 | right: auto !important;//for RTL | |
| 76 | ||
| 77 | margin-left: @sidebar-width; | |
| 78 | width: @container-md - @sidebar-width; | |
| 79 | } | |
| 80 | @media (min-width: @screen-lg-min) { | |
| 81 | margin-left: @sidebar-width; | |
| 82 | width: @container-lg - @sidebar-width; | |
| 83 | } | |
| 84 | } | |
| 85 | ||
| 86 | .enable_compact_menu_footer_container() when (@enable-compact-menu = true) { | |
| 87 | ||
| 88 | .container.main-container .sidebar.compact ~ & { | |
| 89 | @media (min-width: max(@screen-compact-menu, @screen-md-min)) { | |
| 90 | margin-left: @sidebar-compact-width; | |
| 91 | width: @container-md - @sidebar-compact-width; | |
| 92 | } | |
| 93 | @media (min-width: max(@screen-compact-menu, @screen-lg-min)) { | |
| 94 | margin-left: @sidebar-compact-width; | |
| 95 | width: @container-lg - @sidebar-compact-width; | |
| 96 | } | |
| 97 | } | |
| 98 | } | |
| 99 | .enable_compact_menu_footer_container(); | |
| 100 | ||
| 101 | ||
| 102 | .enable_collapse_menu_footer_container() when (@enable-sidebar-collapse = true) { | |
| 103 | .container.main-container .sidebar.menu-min ~ & { | |
| 104 | @media (min-width: @screen-md-min) { | |
| 105 | margin-left: @sidebar-min-width; | |
| 106 | width: @container-md - @sidebar-min-width; | |
| 107 | } | |
| 108 | @media (min-width: @screen-lg-min) { | |
| 109 | margin-left: @sidebar-min-width; | |
| 110 | width: @container-lg - @sidebar-min-width; | |
| 111 | } | |
| 112 | } | |
| 113 | } | |
| 114 | .enable_collapse_menu_footer_container(); | |
| 115 | ||
| 116 | ||
| 117 | .enable_horizontal_menu_footer_container() when (@enable-horizontal-menu = true) { | |
| 118 | .container.main-container .sidebar.h-sidebar ~ & { | |
| 119 | @media (min-width: @grid-float-breakpoint) { | |
| 120 | margin-left: 0; | |
| 121 | width: @container-md; | |
| 122 | } | |
| 123 | @media (min-width: @screen-md-min) { | |
| 124 | margin-left: 0; | |
| 125 | width: @container-md; | |
| 126 | } | |
| 127 | @media (min-width: @screen-lg-min) { | |
| 128 | margin-left: 0; | |
| 129 | width: @container-lg; | |
| 130 | } | |
| 131 | } | |
| 132 | } | |
| 133 | .enable_horizontal_menu_footer_container(); | |
| 134 | ||
| 135 | ||
| 136 | .enable_responsive_min_menu_footer_container() when (@enable-minimized-responsive-menu = true) { | |
| 137 | .container.main-container .sidebar.responsive-min ~ & { | |
| 138 | @media (min-width: @screen-sm-min) and (max-width: @grid-float-breakpoint-max) { | |
| 139 | margin-left: @sidebar-min-width; | |
| 140 | width: @container-sm - @sidebar-min-width; | |
| 141 | } | |
| 142 | } | |
| 143 | } | |
| 144 | .enable_responsive_min_menu_footer_container(); | |
| 145 | ||
| 146 | } | |
| 147 | .enable_container_footer(); | |
| 148 | ||
| 149 | ||
| 150 | ||
| 151 | .footer-content { | |
| 152 | position: absolute; | |
| 153 | ||
| 154 | left: @footer-offset; | |
| 155 | right: @footer-offset; | |
| 156 | bottom: 4px; | |
| 157 | ||
| 158 | padding: 8px; | |
| 159 | line-height: 36px; | |
| 160 | ||
| 161 | border-top: 3px double #E5E5E5; | |
| 162 | } | |
| 163 | ||
| 164 | }//.footer-inner | |
| 165 | ||
| 166 | ||
| 167 | &.footer-fixed .footer-inner { | |
| 168 | position: fixed; | |
| 169 | z-index: 999; | |
| 170 | bottom: 0; | |
| 171 | ||
| 172 | .footer-content { | |
| 173 | left: 2px; | |
| 174 | right: 2px; | |
| 175 | bottom: 2px; | |
| 176 | border: 1px solid #DDD; | |
| 177 | background-color: #F2F2F2; | |
| 178 | } | |
| 179 | } | |
| 180 | ||
| 181 | &.footer-fixed + .btn-scroll-up { | |
| 182 | z-index: 999; | |
| 183 | } | |
| 184 | ||
| 185 | ||
| 186 | }//.footer | |
| 187 | ||
| 188 | } | |
| 189 | ||
| 190 | .enable_footer(); | |
