<commit_before>////
/// BASE GRID
/// ************************************************************
///
///     1 Breakpoints Variables
///
///     2 Page Widths Variables
///
///     3 Susy Setup
///
///     4 Conditional CSS
///
///     5 The grid container
///
///     6 The grid layout
////


///
/// 1 BREAKPOINTS
///
/// @link https://github.com/eduardoboucas/include-media
///
$breakpoints: (
	wp-adminbar-mobile: 783px, // point where WordPress changes the admin bar to mobile mode

	mobile2desktop: 40em,
);

$media-expressions: (
	all: "all",
	screen: "screen", 
	print: "print", 
	handheld: "handheld",
	retina2x: ("(-webkit-min-device-pixel-ratio: 2)", "(min-resolution: 192dpi)"), 
	retina3x: ("(-webkit-min-device-pixel-ratio: 3)", "(min-resolution: 350dpi)")
);


///
/// 2 PAGE WIDTHS
///
$page-width-desktop1: 60em; // 1st page-width on desktop


///
/// 3 SUSY SETUP
///
$total-columns  : 4;
$column-width   : false;
$gutter-width   : .25;
$grid-padding   : $gutter-width;

$susy: (                            // *default | alternative

	flow: ltr,                      // *ltr | rtl
	output: float,                  // *float | isolate
	math: fluid,                    // *fluid | static (requires column-width)
	gutter-position: inside,        // before | *after | split | inside | inside-static (requires column-width)
	                                // @link http://www.zell-weekeat.com/susy-gutter-positions/
									//
	container: auto,                // length or % | *auto
	container-position: left,       // *left | center | right | <length> [*2] (grid padding)
	columns: $total-columns,        // *4
	gutters: $gutter-width,         // *.25
	column-width: $column-width,    // *false | value
	global-box-sizing: border-box,  // *content-box | border-box (affects inside/inside-static)
	last-flow: to,                   

	debug: (
		image: hide,                // show | *hide | show-columns | show-baseline
		//color: $blue,
		//output: background,       // *background | overlay
		//toggle: top right,
	),

	/*
	use-custom: (
		background-image: true,
		background-options: false,
		box-sizing: true,
		clearfix: true,
		rem: true,
	)
	*/
);


///
/// 4 CONDITIONAL CSS
///
/// @see /src/js/main.js
/// @link http://adactio.com/journal/5429/
///
@include media( "all", ">=mobile2desktop" ) {
	body:after {
		content: 'widescreen';
		display: none;
	}
}


///
/// 5 THE GRID CONTAINER
///
/// Here you establish the outer grid-containing elements
///
/// If you want a wide header and footer comment the body
///
/// Feel free to experiment modifying the div wrapper
/// in defined in header.php and footer.php
///
html {
	@if $conf_100_page_height {
		height: 100%;
	} 

}

body {
	@if $conf_100_page_height {
		height: 100%;
	}

	&.debug {
		//@include show-grid( show-columns );
	}
}


.site-wrapper {
	@include media( ">=mobile2desktop" ) {
		max-width: $page-width-desktop1;
		margin: 0 auto;
	}
}

#page-wrapper {
	@if $conf_100_page_height {
		min-height: 100%;
		position: relative;
		padding-bottom: $conf_footer_height;
	}
}


#site-header-wrapper {}

#site-content-wrapper {

	// Main container
	@include container( $page-width-desktop1 center );

	padding: 0 1rem;
	margin-top: 2rem;
}

#site-footer-wrapper {}

.debug section {
	//@include show-grid( show-baseline );
}


///
/// 5 THE GRID LAYOUT
///
main {<commit_msg>fixed body displacement<commit_after>////
/// BASE GRID
/// ************************************************************
///
///     1 Breakpoints Variables
///
///     2 Page Widths Variables
///
///     3 Susy Setup
///
///     4 Conditional CSS
///
///     5 The grid container
///
///     6 The grid layout
////


///
/// 1 BREAKPOINTS
///
/// @link https://github.com/eduardoboucas/include-media
///
$breakpoints: (
	wp-adminbar-mobile: 783px, // point where WordPress changes the admin bar to mobile mode

	mobile2desktop: 40em,
);

$media-expressions: (
	all: "all",
	screen: "screen", 
	print: "print", 
	handheld: "handheld",
	retina2x: ("(-webkit-min-device-pixel-ratio: 2)", "(min-resolution: 192dpi)"), 
	retina3x: ("(-webkit-min-device-pixel-ratio: 3)", "(min-resolution: 350dpi)")
);


///
/// 2 PAGE WIDTHS
///
$page-width-desktop1: 60em; // 1st page-width on desktop


///
/// 3 SUSY SETUP
///
$total-columns  : 4;
$column-width   : false;
$gutter-width   : .25;
$grid-padding   : $gutter-width;

$susy: (                            // *default | alternative

	flow: ltr,                      // *ltr | rtl
	output: float,                  // *float | isolate
	math: fluid,                    // *fluid | static (requires column-width)
	gutter-position: inside,        // before | *after | split | inside | inside-static (requires column-width)
	                                // @link http://www.zell-weekeat.com/susy-gutter-positions/
									//
	container: auto,                // length or % | *auto
	container-position: left,       // *left | center | right | <length> [*2] (grid padding)
	columns: $total-columns,        // *4
	gutters: $gutter-width,         // *.25
	column-width: $column-width,    // *false | value
	global-box-sizing: border-box,  // *content-box | border-box (affects inside/inside-static)
	last-flow: to,                   

	debug: (
		image: hide,                // show | *hide | show-columns | show-baseline
		//color: $blue,
		//output: background,       // *background | overlay
		//toggle: top right,
	),

	/*
	use-custom: (
		background-image: true,
		background-options: false,
		box-sizing: true,
		clearfix: true,
		rem: true,
	)
	*/
);


///
/// 4 CONDITIONAL CSS
///
/// @see /src/js/main.js
/// @link http://adactio.com/journal/5429/
///
@include media( "all", ">=mobile2desktop" ) {
	body:after {
		content: 'widescreen';
		display: none;
	}
}


///
/// 5 THE GRID CONTAINER
///
/// Here you establish the outer grid-containing elements
///
/// If you want a wide header and footer comment the body
///
/// Feel free to experiment modifying the div wrapper
/// in defined in header.php and footer.php
///
html {
	@if $conf_100_page_height {
		height: 100%;
	} 

}

body {
	@if $conf_100_page_height {
		height: 100%;
	}

	&.debug {
		//@include show-grid( show-columns );
	}
}


.site-wrapper {
	@include media( ">=mobile2desktop" ) {
		max-width: $page-width-desktop1;
		margin: 0 auto;
	}
}

#page-wrapper {
	@if $conf_100_page_height {
		min-height: 100%;
		position: relative;
		padding: 1px 0 $conf_footer_height;
	}
}


#site-header-wrapper {}

#site-content-wrapper {

	// Main container
	@include container( $page-width-desktop1 center );

	padding: 0 1rem;
	margin-top: 2rem;
}

#site-footer-wrapper {}

.debug section {
	//@include show-grid( show-baseline );
}


///
/// 5 THE GRID LAYOUT
///
main {
{'fraction_non_alphanumeric': 0.18901262063845584, 'fraction_numerical': 0.020786933927245732, 'mean_word_length': 2.186376537369915, 'pattern_counts': {'":': 0, '<': 5, '<?xml version=': 0, '>': 9, 'https://': 2, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 4, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5154419', 'n_tokens_mistral': 2541, 'n_tokens_neox': 2269, 'n_words': 558}