spip_nursit/plugins/dist/squelettes/spipr-doc/css/layouts.less

39 lines
1.3 KiB
Text
Raw Permalink Normal View History

2023-06-01 15:30:12 +00:00
@import "bootstrap/css/layouts.less";
@import "css/layoutgala/34";
@import "css/layoutgala/27";
// on passe en grille etroite par defaut
body {}
.container {text-align: left;}
#grid > .core(@gridColumnWidth, @gridGutterWidth);
#layoutgala34 > .core(9,3,3,@gridColumnWidth,@gridGutterWidth);
@media (min-width: 1200px) {
.page {
#grid > .core(@gridColumnWidth, @gridGutterWidth);
#layoutgala34 > .core(9,3,3,@gridColumnWidth,@gridGutterWidth);
}
}
.page_sommaire {
#layoutgala27 > .core(100%,47.5%,47.5%,@gridColumnWidth768,@gridGutterWidth768);
#aside {display: none;}
}
#footer {margin-top: 4em;padding: 4em 0;}
@media (min-width: 768px) and (max-width: 979px) {
#grid > .core(@gridColumnWidth768, @gridGutterWidth768);
#layoutgala34 > .core(9,3,3,@gridColumnWidth768,@gridGutterWidth768);
}
@media (max-width: 767px) {
#layoutgala27 > .core(100%,47.5%,47.5%,@gridColumnWidth768,@gridGutterWidth768);
#aside {float:none;width:100%;}
#header {margin-top: 0 !important;} /*la nav n'est plus en absolute, recoller le header en haut*/
html>body,#nav {padding-left: 0;padding-right: 0;margin-left: 0;margin-right: 0};
#header,#content,#aside,#footer {padding-left: 20px;padding-right: 20px;}
#aside .affix {position: relative !important;top:0 !important;margin-top: 4em;}
}