<commit_before>@if $use-toggle == true {

// ==========================================================================
// TOGGLE
//
// Description: styles for standard "toggle" units. Typically
// these are "button"-like UI elements which when interacted with
// initiate a state change on another UI element. This state change
// is controlled via JavaScript
// ==========================================================================


// ==========================================================================
// BASE
// ==========================================================================

.toggle,
%toggle {
	display: block;
	text-decoration: none;

	i {
		@extend .icon;
		vertical-align: middle;
	}
}

.toggle__text {
	@include inline-block;
	font-size: 100%;
}

.toggle__text--hidden {
	@extend %vh;
}


// ==========================================================================
// MODIFIER: MENU
// a classic 3-lined "hamburger" icon to denote a togglable menu
// ==========================================================================

.toggle--menu,
%toggle--menu {
	i {
		font-size: rem-calc(30px);
		@extend .icon-hamburger;
	}

	.toggle__text {
		@extend %vh;
	}
}



// ==========================================================================
// MODIFIER: CLOSE
// an "X" close icon. Useful for toggles that hide a visible area
// ==========================================================================

.toggle--close,
%toggle--close {
	i {
		@extend .icon-cross;
		font-size: rem-calc(30px);
	}
}

.toggle--closeable.toggle--active {
	i {<commit_msg>Replace rem-calc function with rem mixin<commit_after>@if $use-toggle == true {

// ==========================================================================
// TOGGLE
//
// Description: styles for standard "toggle" units. Typically
// these are "button"-like UI elements which when interacted with
// initiate a state change on another UI element. This state change
// is controlled via JavaScript
// ==========================================================================


// ==========================================================================
// BASE
// ==========================================================================

.toggle,
%toggle {
	display: block;
	text-decoration: none;

	i {
		@extend .icon;
		vertical-align: middle;
	}
}

.toggle__text {
	@include inline-block;
	font-size: 100%;
}

.toggle__text--hidden {
	@extend %vh;
}


// ==========================================================================
// MODIFIER: MENU
// a classic 3-lined "hamburger" icon to denote a togglable menu
// ==========================================================================

.toggle--menu,
%toggle--menu {
	i {
		@include rem(font-size, 30px);
		@extend .icon-hamburger;
	}

	.toggle__text {
		@extend %vh;
	}
}



// ==========================================================================
// MODIFIER: CLOSE
// an "X" close icon. Useful for toggles that hide a visible area
// ==========================================================================

.toggle--close,
%toggle--close {
	i {
		@extend .icon-cross;
		@include rem(font-size, 30px);
	}
}

.toggle--closeable.toggle--active {
	i {
{'fraction_non_alphanumeric': 0.46500777604976673, 'fraction_numerical': 0.004976671850699844, 'mean_word_length': 4.85792349726776, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '940258', 'n_tokens_mistral': 907, 'n_tokens_neox': 776, 'n_words': 207}