StarCitizenTools/mediawiki-skins-Citizen
1
0
Fork 0
mirror of https://github.com/StarCitizenTools/mediawiki-skins-Citizen.git synced 2024-09-24 10:48:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add clearfix to avoid overlap with bottom elements

Browse source
This commit is contained in:
alistair3149 2020-07-04 02:31:15 -04:00
parent 80d84e4605
commit a09f29fbcf
No known key found for this signature in database
GPG key ID: 94D081060FD3DD9C
2 changed files with 29 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
resources/mixins.less
View file

@ -155,3 +155,31 @@
box-shadow: 0 19px 38px rgba( 0, 0, 0, 0.075 ), 0 15px 12px rgba( 0, 0, 0, 0.055 ); // Dialogs
}
}
// Borrowed from Mediawiki core 1.35
// “Clearfix Reloaded” Mixin
// The mixin is used on a container with floating children.
// Margin collapsing is a feature, not a bug, hence relying on `display: block` as default.
// With `.mixin-clearfix( @collapse: false; );` you call it to let `margin`s not collapse.
// See https://www.cssmojo.com/the-very-latest-clearfix-reloaded/
// In future we might replace the `&:after` pseudo-element with
// `display: flow-root;` altogether.
// Support: Firefox 3.5+, Safari 4+, Chrome, Opera 15+, IE 8+
.mixin-clearfix( @collapse: true ) {
&:after {
clear: both;
// Margin collapsing as feature. Apply it.
& when ( @collapse ) {
content: '';
display: block;
}
}
// Margin collapsing as bug. Prevent it.
& when not ( @collapse ) {
&:before,
&:after {
content: '';
display: table;
}
}
}

1
resources/skins.citizen.styles/common/content.less
View file

@ -144,6 +144,7 @@
position: relative;
.content-center;
z-index: 0;
.mixin-clearfix();
p {
overflow-wrap: break-word;