You can not select more than 25 topics
			Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
		
		
		
		
		
			
		
			
				
					298 lines
				
				4.2 KiB
			
		
		
			
		
	
	
					298 lines
				
				4.2 KiB
			| 
								 
											3 years ago
										 
									 | 
							
								body {
							 | 
						||
| 
								 | 
							
								  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif,
							 | 
						||
| 
								 | 
							
								    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
							 | 
						||
| 
								 | 
							
								  color: #222;
							 | 
						||
| 
								 | 
							
								  line-height: 1.5;
							 | 
						||
| 
								 | 
							
								  font-size: 16px;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								.documentation {
							 | 
						||
| 
								 | 
							
								  background: #65daa2;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								.home {
							 | 
						||
| 
								 | 
							
								  background: #65daa2;
							 | 
						||
| 
								 | 
							
								  color: #fff !important;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								.header {
							 | 
						||
| 
								 | 
							
								  text-align: center;
							 | 
						||
| 
								 | 
							
								  margin-top: 5em;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								.logo {
							 | 
						||
| 
								 | 
							
								  height: 10em;
							 | 
						||
| 
								 | 
							
								  background-color: #fff;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								.home h2,
							 | 
						||
| 
								 | 
							
								.home h3 {
							 | 
						||
| 
								 | 
							
								  text-shadow: 0 1px 1px #3a9b6d;
							 | 
						||
| 
								 | 
							
								  text-shadow: 0 1px 1px rgba(58, 155, 109, 0.37);
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								.home a {
							 | 
						||
| 
								 | 
							
								  color: #fff !important;
							 | 
						||
| 
								 | 
							
								  text-decoration: underline;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								.home h2 {
							 | 
						||
| 
								 | 
							
								  font-size: 2em;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								.home h3 {
							 | 
						||
| 
								 | 
							
								  font-size: 1.5em;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								.installation {
							 | 
						||
| 
								 | 
							
								  margin-bottom: 1.5em;
							 | 
						||
| 
								 | 
							
								  margin-top: 1.5em;
							 | 
						||
| 
								 | 
							
								  color: #fff;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								.command,
							 | 
						||
| 
								 | 
							
								.javascript {
							 | 
						||
| 
								 | 
							
								  background-color: #3a9b6d;
							 | 
						||
| 
								 | 
							
								  color: #d6f5e6;
							 | 
						||
| 
								 | 
							
								  border-radius: 4px;
							 | 
						||
| 
								 | 
							
								  padding: 0.5em 1.5em;
							 | 
						||
| 
								 | 
							
								  display: inline-block;
							 | 
						||
| 
								 | 
							
								  font-size: 1em;
							 | 
						||
| 
								 | 
							
								  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								#installation ~ .installation,
							 | 
						||
| 
								 | 
							
								#usage ~ .usage {
							 | 
						||
| 
								 | 
							
								  text-align: center;
							 | 
						||
| 
								 | 
							
								  margin-bottom: 0;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								.command:before {
							 | 
						||
| 
								 | 
							
								  content: '$';
							 | 
						||
| 
								 | 
							
								  margin-right: 0.5em;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								.button {
							 | 
						||
| 
								 | 
							
								  background-color: #ff583f;
							 | 
						||
| 
								 | 
							
								  border-bottom: 4px solid #d7493a;
							 | 
						||
| 
								 | 
							
								  border-radius: 4px;
							 | 
						||
| 
								 | 
							
								  padding: 1em 2em;
							 | 
						||
| 
								 | 
							
								  color: #fff !important;
							 | 
						||
| 
								 | 
							
								  font-weight: bold;
							 | 
						||
| 
								 | 
							
								  font-size: 1em;
							 | 
						||
| 
								 | 
							
								  display: inline-block;
							 | 
						||
| 
								 | 
							
								  text-decoration: none !important;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								.button img {
							 | 
						||
| 
								 | 
							
								  height: 1em;
							 | 
						||
| 
								 | 
							
								  width: 1em;
							 | 
						||
| 
								 | 
							
								  transform: translateY(0.1em);
							 | 
						||
| 
								 | 
							
								  margin-right: 0.5em;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								.button:hover {
							 | 
						||
| 
								 | 
							
								  text-decoration: none;
							 | 
						||
| 
								 | 
							
								  border-bottom: 5px solid #d7493a;
							 | 
						||
| 
								 | 
							
								  transform: translateY(-1px);
							 | 
						||
| 
								 | 
							
								  margin-bottom: -1px;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								.button:active {
							 | 
						||
| 
								 | 
							
								  text-decoration: none;
							 | 
						||
| 
								 | 
							
								  border-bottom: 3px solid #d7493a;
							 | 
						||
| 
								 | 
							
								  transform: translateY(1px);
							 | 
						||
| 
								 | 
							
								  margin-bottom: 1px;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								.main {
							 | 
						||
| 
								 | 
							
								  text-align: center;
							 | 
						||
| 
								 | 
							
								  max-width: 35em;
							 | 
						||
| 
								 | 
							
								  text-align: left;
							 | 
						||
| 
								 | 
							
								  margin: 0 auto;
							 | 
						||
| 
								 | 
							
								  width: 100%;
							 | 
						||
| 
								 | 
							
								  text-shadow: 0 1px 1px #3a9b6d;
							 | 
						||
| 
								 | 
							
								  text-shadow: 0 1px 1px rgba(58, 155, 109, 0.37);
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								.repl {
							 | 
						||
| 
								 | 
							
								  position: relative;
							 | 
						||
| 
								 | 
							
								  width: 100%;
							 | 
						||
| 
								 | 
							
								  max-width: 35em;
							 | 
						||
| 
								 | 
							
								  height: 10em;
							 | 
						||
| 
								 | 
							
								  display: flex;
							 | 
						||
| 
								 | 
							
								  flex-direction: row;
							 | 
						||
| 
								 | 
							
								  margin: 2em auto;
							 | 
						||
| 
								 | 
							
								  background: #48be85;
							 | 
						||
| 
								 | 
							
								  padding: 1em;
							 | 
						||
| 
								 | 
							
								  border-radius: 4px;
							 | 
						||
| 
								 | 
							
								  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								.repl__input,
							 | 
						||
| 
								 | 
							
								.repl__output {
							 | 
						||
| 
								 | 
							
								  position: relative;
							 | 
						||
| 
								 | 
							
								  text-align: left;
							 | 
						||
| 
								 | 
							
								  padding: 0;
							 | 
						||
| 
								 | 
							
								  margin: 0;
							 | 
						||
| 
								 | 
							
								  width: 50%;
							 | 
						||
| 
								 | 
							
								  overflow: scroll;
							 | 
						||
| 
								 | 
							
								  color: #1e7b4f;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								.repl__arg {
							 | 
						||
| 
								 | 
							
								  font-weight: bold;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								.repl__func {
							 | 
						||
| 
								 | 
							
								  color: #0a291a;
							 | 
						||
| 
								 | 
							
								  font-weight: bold;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								.footer {
							 | 
						||
| 
								 | 
							
								  text-align: center;
							 | 
						||
| 
								 | 
							
								  text-shadow: 0 1px 1px #3a9b6d;
							 | 
						||
| 
								 | 
							
								  text-shadow: 0 1px 1px rgba(58, 155, 109, 0.37);
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								.bg-white {
							 | 
						||
| 
								 | 
							
								  background-color: #fff;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								h4 {
							 | 
						||
| 
								 | 
							
								  margin: 20px 0 10px 0;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								.documentation h3 {
							 | 
						||
| 
								 | 
							
								  color: #000;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								.border-bottom {
							 | 
						||
| 
								 | 
							
								  border-color: #ddd;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								a {
							 | 
						||
| 
								 | 
							
								  color: #0d3523;
							 | 
						||
| 
								 | 
							
								  text-decoration: none;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								.section__heading {
							 | 
						||
| 
								 | 
							
								  text-align: center;
							 | 
						||
| 
								 | 
							
								  color: #fff;
							 | 
						||
| 
								 | 
							
								  text-shadow: 0 1px 1px #3a9b6d;
							 | 
						||
| 
								 | 
							
								  text-shadow: 0 1px 1px rgba(58, 155, 109, 0.37);
							 | 
						||
| 
								 | 
							
								  font-size: 2em;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								.documentation a[href]:hover {
							 | 
						||
| 
								 | 
							
								  text-decoration: underline;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								a:hover {
							 | 
						||
| 
								 | 
							
								  cursor: pointer;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								.py1-ul li {
							 | 
						||
| 
								 | 
							
								  padding: 5px 0;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								.max-height-100 {
							 | 
						||
| 
								 | 
							
								  max-height: 100%;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								section:target h3 {
							 | 
						||
| 
								 | 
							
								  font-weight: 700;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								.documentation td,
							 | 
						||
| 
								 | 
							
								.documentation th {
							 | 
						||
| 
								 | 
							
								  padding: 0.25rem 0.25rem;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								h1:hover .anchorjs-link,
							 | 
						||
| 
								 | 
							
								h2:hover .anchorjs-link,
							 | 
						||
| 
								 | 
							
								h3:hover .anchorjs-link,
							 | 
						||
| 
								 | 
							
								h4:hover .anchorjs-link {
							 | 
						||
| 
								 | 
							
								  opacity: 1;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								.fix-3 {
							 | 
						||
| 
								 | 
							
								  width: 25%;
							 | 
						||
| 
								 | 
							
								  max-width: 244px;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								.fix-3 {
							 | 
						||
| 
								 | 
							
								  width: 25%;
							 | 
						||
| 
								 | 
							
								  max-width: 244px;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								@media (min-width: 52em) {
							 | 
						||
| 
								 | 
							
								  .fix-margin-3 {
							 | 
						||
| 
								 | 
							
								    margin-left: 25%;
							 | 
						||
| 
								 | 
							
								  }
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								.pre,
							 | 
						||
| 
								 | 
							
								pre,
							 | 
						||
| 
								 | 
							
								code,
							 | 
						||
| 
								 | 
							
								.code {
							 | 
						||
| 
								 | 
							
								  font-family: Source Code Pro, Menlo, Consolas, Liberation Mono, monospace;
							 | 
						||
| 
								 | 
							
								  font-size: 14px;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								.fill-light {
							 | 
						||
| 
								 | 
							
								  background: #f9f9f9;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								.width2 {
							 | 
						||
| 
								 | 
							
								  width: 1rem;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								.input {
							 | 
						||
| 
								 | 
							
								  font-family: inherit;
							 | 
						||
| 
								 | 
							
								  display: block;
							 | 
						||
| 
								 | 
							
								  width: 100%;
							 | 
						||
| 
								 | 
							
								  height: 2rem;
							 | 
						||
| 
								 | 
							
								  padding: 0.5rem;
							 | 
						||
| 
								 | 
							
								  margin-bottom: 1rem;
							 | 
						||
| 
								 | 
							
								  border: 1px solid #ccc;
							 | 
						||
| 
								 | 
							
								  font-size: 0.875rem;
							 | 
						||
| 
								 | 
							
								  border-radius: 3px;
							 | 
						||
| 
								 | 
							
								  box-sizing: border-box;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								table {
							 | 
						||
| 
								 | 
							
								  border-collapse: collapse;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								.prose table th,
							 | 
						||
| 
								 | 
							
								.prose table td {
							 | 
						||
| 
								 | 
							
								  text-align: left;
							 | 
						||
| 
								 | 
							
								  padding: 8px;
							 | 
						||
| 
								 | 
							
								  border: 1px solid #ddd;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								.prose table th:nth-child(1) {
							 | 
						||
| 
								 | 
							
								  border-right: none;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								.prose table th:nth-child(2) {
							 | 
						||
| 
								 | 
							
								  border-left: none;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								.prose table {
							 | 
						||
| 
								 | 
							
								  border: 1px solid #ddd;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								.prose-big {
							 | 
						||
| 
								 | 
							
								  font-size: 18px;
							 | 
						||
| 
								 | 
							
								  line-height: 30px;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								.quiet {
							 | 
						||
| 
								 | 
							
								  opacity: 0.7;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								.minishadow {
							 | 
						||
| 
								 | 
							
								  box-shadow: 2px 2px 10px #f3f3f3;
							 | 
						||
| 
								 | 
							
								}
							 |