<commit_before>/**
 *
 * Pseudo Tab Page Classes (SCSS)
 *
 * @author <NAME> @ Space-Time Inc.
 * @version 2018-12-12
 *
 */


@import '../basic/base';
@import '../basic/query';
@import '../basic/font';
@import '../basic/layout';


// $stile-pseudo-tab-page-color-background            : #fff !default;
$stile-pseudo-tab-page-color-rule                  : rgba(#777, 0.35) !default;
$stile-pseudo-tab-page-color-rule-vertical         : false !default;
$stile-pseudo-tab-page-color-tab-background        : transparent !default;
$stile-pseudo-tab-page-color-tab-rule              : rgba(#777, 0.35) !default;
$stile-pseudo-tab-page-color-tab-background-hover  : transparent !default;

$stile-pseudo-tab-page-color-tab-current-background: transparent !default;
$stile-pseudo-tab-page-color-tab-current-rule      : $stile-pseudo-tab-page-color-rule !default;
$stile-pseudo-tab-page-color-tab-current-top       : $stile-pseudo-tab-page-color-rule !default;

$stile-pseudo-tab-page-color-tab-text-current      : rgba(#000, 0.95) !default;
$stile-pseudo-tab-page-color-tab-text              : rgba($stile-pseudo-tab-page-color-tab-text-current, 0.50) !default;
$stile-pseudo-tab-page-color-tab-text-hover        : $stile-pseudo-tab-page-color-tab-text-current !default;

$stile-pseudo-tab-page-size-tab-current-top        : 2px !default;
$stile-pseudo-tab-page-size-tab-margin             : 0.5rem !default;
$stile-pseudo-tab-page-level-font                  : 1 !default;


@mixin stile-pseudo-tab-page {
	.pseudo-tab-page {
		position: relative;
		display: flex;
		flex-direction: column;

		// Margins inside
		@include stile-margin-basic;
	}
	.stile-pseudo-tab-page-tab-list {  // Must be a class for avoiding auto formating of list style
		display: flex;
		justify-content: flex-start;
		flex-wrap: wrap;

		@include layout-gap($stile-pseudo-tab-page-size-tab-margin, $stile-pseudo-tab-page-size-tab-margin);

		&:not(:first-child) { margin-top: base-vr(6); }
		& + *:not(.alignright):not(.alignleft) { margin-top: base-vr(2); }
	}
	.stile-pseudo-tab-page-tab-list li {
		@include layout-centering();

		min-height: 3rem;
		cursor: pointer;
		user-select: none;
		border-radius: 1px;

		background-color: $stile-pseudo-tab-page-color-tab-background;
		color: $stile-pseudo-tab-page-color-tab-text;
		border: 1px solid $stile-pseudo-tab-page-color-tab-rule;<commit_msg>Add a top margin to the pseudo tab page<commit_after>/**
 *
 * Pseudo Tab Page Classes (SCSS)
 *
 * @author <NAME> @ Space-Time Inc.
 * @version 2019-01-04
 *
 */


@import '../basic/base';
@import '../basic/query';
@import '../basic/font';
@import '../basic/layout';


$stile-pseudo-tab-page-color-rule                  : rgba(#777, 0.35) !default;
$stile-pseudo-tab-page-color-rule-vertical         : false !default;
$stile-pseudo-tab-page-color-tab-background        : transparent !default;
$stile-pseudo-tab-page-color-tab-rule              : rgba(#777, 0.35) !default;
$stile-pseudo-tab-page-color-tab-background-hover  : transparent !default;

$stile-pseudo-tab-page-color-tab-current-background: transparent !default;
$stile-pseudo-tab-page-color-tab-current-rule      : $stile-pseudo-tab-page-color-rule !default;
$stile-pseudo-tab-page-color-tab-current-top       : $stile-pseudo-tab-page-color-rule !default;

$stile-pseudo-tab-page-color-tab-text-current      : rgba(#000, 0.95) !default;
$stile-pseudo-tab-page-color-tab-text              : rgba($stile-pseudo-tab-page-color-tab-text-current, 0.50) !default;
$stile-pseudo-tab-page-color-tab-text-hover        : $stile-pseudo-tab-page-color-tab-text-current !default;

$stile-pseudo-tab-page-size-tab-current-top        : 2px !default;
$stile-pseudo-tab-page-size-tab-margin             : 0.5rem !default;
$stile-pseudo-tab-page-level-font                  : 1 !default;


@mixin stile-pseudo-tab-page {
	.pseudo-tab-page {
		position: relative;
		display: flex;
		flex-direction: column;

		// Margins inside
		@include stile-margin-basic;
	}
	* + .pseudo-tab-page { margin-top: base-vr(6); }

	.stile-pseudo-tab-page-tab-list {  // Must be a class for avoiding auto formating of list style
		display: flex;
		justify-content: flex-start;
		flex-wrap: wrap;

		@include layout-gap($stile-pseudo-tab-page-size-tab-margin, $stile-pseudo-tab-page-size-tab-margin);

		&:not(:first-child) { margin-top: base-vr(6); }
		& + *:not(.alignright):not(.alignleft) { margin-top: base-vr(2); }
	}
	.stile-pseudo-tab-page-tab-list li {
		@include layout-centering();

		min-height: 3rem;
		cursor: pointer;
		user-select: none;
		border-radius: 1px;

		background-color: $stile-pseudo-tab-page-color-tab-background;
		color: $stile-pseudo-tab-page-color-tab-text;
		border: 1px solid $stile-pseudo-tab-page-color-tab-rule;
{'fraction_non_alphanumeric': 0.1724356268467708, 'fraction_numerical': 0.016251582946390883, 'mean_word_length': 3.1065857885615253, 'pattern_counts': {'":': 0, '<': 5, '<?xml version=': 0, '>': 5, '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': '806489', 'n_tokens_mistral': 1898, 'n_tokens_neox': 1755, 'n_words': 265}