sitoctt/Assets.old/Assets/Global.css.SelfBuild.js

49 lines
1.4 KiB
JavaScript

#!/usr/bin/env node
require('../../Scripts/Lib/SelfBuild.js').importAll();
Fs.writeFileSync(__filename.split('.SelfBuild.js')[0], `
/* Global styles applied to all pages with any base template.
*
* Note to future self:
* colors and things like that should **never** go here,
* only formatting/layout rules and reusable classes
* needed to fix HTML quirks.
*/
.Center { Text-Align: Center; }
.Inline { Display: Inline; }
.InlineBlock { Display: Inline-Block; }
.NoCol { Color: Transparent !Important; }
.NoDisp, .NoDisplay, .DispNone { Display: None; }
.DispBlock { Display: Block; }
.NoWrap { White-Space: NoWrap; }
.NoSelect {
User-Select: none;
-ms-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-webkit-touch-callout: none;
}
.i1em {
Max-Width: 1em;
Max-Height: 1em;
}
/* Set Headings as Inline when inside Details Summaries and List Items */
/*:Where(Summary, Li) > :Where(H1, H2, H3, H4, H5, H6) {*/
${Where('summary >', CssAllHeadings, '')},
${Where('li >', CssAllHeadings, '')} {
Display: Inline;
}
/* Python-Markdown can put a <p> for list text items, forming spacing between it and sublists.
Wrapping a list in a div with this class when this effect is unwanted.
*/
.ListNoInMargin > * > li > p { margin-bottom: 0; }
/* Strange <br>s are sometimes formed */
/*.ListNoInMargin > * > li > p > br:last-of-type { display: none; }*/
`);