<commit_before>@import "variables";
@import "../../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap";

pre {
	font-size: 85%;
}

[mb-first-view] {
	padding-bottom: 150px;
}

[mb-affix-mobile-template] {
	transition: 200ms opacity ease-in-out;
	opacity: 1;

	&.mb-hidden {
		opacity: 0;
	}
}

.mb-affix-active-add,
.mb-affix-active-remove {
	transition: 200ms opacity ease-in-out;
}

.footer {
  position: relative;
  z-index: 100;
  padding: 20px 0 0 0;
  background: #2b3442;
  color: #a4b3cd;
  text-align: center;
  font-size: 14px;
  font-family: Arial, sans-serif;
  min-height: 470px;
}

.phone-example-right {
	&:not(.mb-affix-active) {
		display: none;
	}
}

.mb-affix-column {
	ul {
		margin-bottom: 10px;

		> li {
			&.mb-affix-active {
				> a {
					border-right: 2px solid #4F8EF7;
					color: #4F8EF7;
				}
			}

			&:hover a {
				text-decoration: none;
			}

			> a {
				color: $text-color;
				cursor: pointer;
				transition: 200ms color ease-in-out;
				width: 100%;
				display: block;
			}

			&:not(.mb-affix-active) > a {
				&:hover {
					color: darken($text-color, 9%);
				}
			}

			> ul {
				padding-left: 10px;
				margin-top: 6px;

				> li > a {
					font-size: 90%;
					margin-bottom: 6px;
				}
			}
		}
	}
}

[mb-device-preview] {
	padding: 0px;
	iframe {
	  width: 100%;
	  margin: 0px;
	  padding: 0px;
	  border: 0px;
	  height: 100%;
	}
	&.fixed-preview {
		position: fixed;
		right: auto;
		transform: translate3d(0, 0, 0);
		top: 19px;
	}
}

.mb-affix-right-column {
  border: 1px solid #eee;

  iframe {
  	overflow: hidden;
  }
  
  &, iframe {
  	height: 505px;
  }
}

.mb-affix-column-fixed+.affix-contents {
	@include make-md-column-offset(2);
}

.affix-content-section {
	padding-top: 20px;
	padding-bottom: 60px;
	min-height: 320px;
	transition: 200ms transform ease-in-out;

	h3 {
		margin-top: 0px;

		a {
			transition: 200ms color ease-in-out;
			color: $text-color;
			cursor: pointer;

			&,&:hover {
				text-decoration: none;
			}

			&:hover {
				color: darken(#4F8EF7, 16%);

				// show the # before the header name
				&:before {
				  content: '#';
				  position: absolute;
				  left: -5px;
				  color: #6c6c6c;
				}
			}
		}
	}

	&.mb-affix-active {
		color: darken($text-color, 12%);
	}
}

ul {
	list-style-type: none;
	padding: 0px;
}

.label.type-hint-promise {
	@extend .label-default;
}

.type-hint-object {
	@extend .label-warning;
}

.type-hint-string {
	@extend .label-success;
}

table.variables-matrix {
	thead {
		th {
			padding: 8px 5px;
		}
	}
	td {
		display: block;
  	float: left;
  	margin-right: 8px;
	}
}

.iframe-mobile-example {
	border: 2px solid #eee;
	border-radius: 10px;
	/*width="320"*/
}

.column-left.ng-hide+.col-xs-12 {
	@include make-lg-column(12);
}

.hljs {
	background-color: transparent;
}<commit_msg>documentation (docs/app/scss/app.scss): alot of fixes and improvements to the css section<commit_after>@import "variables";
@import "../../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap";

pre {
	font-size: 85%;
}

[mb-affix-href] {
	cursor: pointer;
}

[mb-first-view] {
	padding-bottom: 150px;
}

[mb-affix-mobile-template] {
	transition: 200ms opacity ease-in-out;
	opacity: 1;

	&.mb-hidden {
		opacity: 0;
	}
}

.mb-affix-active-add,
.mb-affix-active-remove {
	transition: 200ms opacity ease-in-out;
}

.footer {
  position: relative;
  z-index: 100;
  padding: 20px 0 0 0;
  background: #2b3442;
  color: #a4b3cd;
  text-align: center;
  font-size: 14px;
  font-family: Arial, sans-serif;
  min-height: 470px;
}

.phone-example-right {
	&:not(.mb-affix-active) {
		display: none;
	}
}

.mb-affix-column {
	> ul {
		li {
			padding: 7px 0px;
			&:not(.mb-affix-active) {
				ul {
					position: absolute;
					top: -9999px;
					left: -9999px;
				}
			}
		}
	}

	ul {
		margin-bottom: 10px;

		> li {
			&.mb-affix-active {
				> a {
					border-right: 2px solid #4F8EF7;
					color: #4F8EF7;
				}
			}

			&:hover a {
				text-decoration: none;
			}

			> a {
				color: $text-color;
				cursor: pointer;
				transition: 200ms color ease-in-out;
				width: 100%;
				display: block;
			}

			&:not(.mb-affix-active) > a {
				&:hover {
					color: darken($text-color, 9%);
				}
			}

			> ul {
				padding-left: 10px;
				margin-top: 6px;

				> li > a {
					font-size: 90%;
					margin-bottom: 6px;
				}
			}
		}
	}
}

[mb-device-preview] {
	padding: 0px;

	mb-affix-iframe {
	  position: absolute;
	  top: 0px;
	  left: 0px;
	  width: 100%;

	  .backdrop {
	  	position: fixed;
		  top: 0px;
		  left: 0px;
		  width: 100%;
		  height: 100%;
		  background-color: rgba(0,0,0,0.8);
		  transition: 200ms opacity ease-in-out;

		  &.ng-enter,
		  &.ng-leave {
		  	display: block;
		  }

		  &.ng-leave {
		  	opacity: 1;

		  	&.ng-leave-active {
		  		opacity: 0.3;
		  	}
		  }

		  &.ng-enter {
		  	opacity: 0.3;

		  	&.ng-enter-active {
		  		opacity: 1;
		  	}
		  }
	  }

		iframe {
		  width: 100%;
		  margin: 0px;
		  padding: 0px;
		  border: 0px;
		}

		.fa.fa-spin {
		  position: absolute;
		  top: 50%;
		  font-size: 800%;
		  left: 33%;
		  z-index: 1;
		  color: #525252;
		  opacity: 0.4;
		}

		.backdrop+.fa.fa-spin {
			color: #ddd;
			opacity: 1;
		}
	}
		
	&.fixed-preview {
		position: fixed;
		right: auto;
		transform: translate3d(0, 0, 0);
		top: 19px;
	}
}

.mb-affix-right-column {
  border: 1px solid #eee;

  iframe {
  	overflow: hidden;
  }
  
  &, iframe {
  	height: 505px;
  }
}

.mb-affix-column-fixed+.affix-contents {
	@include make-md-column-offset(2);
}

.affix-content-section {
	padding-top: 20px;
	padding-bottom: 60px;
	min-height: 320px;
	transition: 200ms transform ease-in-out;

	h3 {
		margin-top: 0px;

		a {
			transition: 200ms color ease-in-out;
			color: $text-color;
			cursor: pointer;

			&,&:hover {
				text-decoration: none;
			}

			&:hover {
				color: darken(#4F8EF7, 16%);

				// show the # before the header name
				&:before {
				  content: '#';
				  position: absolute;
				  left: -5px;
				  color: #6c6c6c;
				}
			}
		}
	}

	&.mb-affix-active {
		color: darken($text-color, 12%);
	}
}

ul {
	list-style-type: none;
	padding: 0px;
}

.label.type-hint-promise {
	@extend .label-default;
}

.type-hint-object {
	@extend .label-warning;
}

.type-hint-string {
	@extend .label-success;
}

table.variables-matrix {
	thead {
		th {
			padding: 8px 5px;
		}
	}
	td {
		display: block;
  	float: left;
  	margin-right: 8px;
	}
}

.iframe-mobile-example {
	border: 2px solid #eee;
	border-radius: 10px;
	/*width="320"*/
}

.column-left.ng-hide+.col-xs-12 {
	@include make-lg-column(12);
}

.hljs {
	background-color: transparent;
}
{'fraction_non_alphanumeric': 0.16671664167916042, 'fraction_numerical': 0.0424287856071964, 'mean_word_length': 2.3288423153692617, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 18, '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': '732752', 'n_tokens_mistral': 3501, 'n_tokens_neox': 2789, 'n_words': 542}