133 lines
		
	
	
		
			1.6 KiB
		
	
	
	
		
			Stylus
		
	
	
	
	
	
			
		
		
	
	
			133 lines
		
	
	
		
			1.6 KiB
		
	
	
	
		
			Stylus
		
	
	
	
	
	
| @import "../style"
 | |
| @import "../animation"
 | |
| 
 | |
| html
 | |
| 	&.progress
 | |
| 		&, *
 | |
| 			cursor progress !important
 | |
| 
 | |
| html
 | |
| 	// iOSのため
 | |
| 	overflow auto
 | |
| 
 | |
| body
 | |
| 	overflow-wrap break-word
 | |
| 
 | |
| #error
 | |
| 	padding 32px
 | |
| 	color #fff
 | |
| 
 | |
| 	hr
 | |
| 		border solid 1px #fff
 | |
| 
 | |
| #nprogress
 | |
| 	pointer-events none
 | |
| 
 | |
| 	position absolute
 | |
| 	z-index 65536
 | |
| 
 | |
| 	.bar
 | |
| 		background var(--primary)
 | |
| 
 | |
| 		position fixed
 | |
| 		z-index 65537
 | |
| 		top 0
 | |
| 		left 0
 | |
| 
 | |
| 		width 100%
 | |
| 		height 2px
 | |
| 
 | |
| 	/* Fancy blur effect */
 | |
| 	.peg
 | |
| 		display block
 | |
| 		position absolute
 | |
| 		right 0px
 | |
| 		width 100px
 | |
| 		height 100%
 | |
| 		box-shadow 0 0 10px var(--primary), 0 0 5px var(--primary)
 | |
| 		opacity 1
 | |
| 
 | |
| 		transform rotate(3deg) translate(0px, -4px)
 | |
| 
 | |
| #wait
 | |
| 	display block
 | |
| 	position fixed
 | |
| 	z-index 65537
 | |
| 	top 15px
 | |
| 	right 15px
 | |
| 
 | |
| 	&:before
 | |
| 		content ""
 | |
| 		display block
 | |
| 		width 18px
 | |
| 		height 18px
 | |
| 		box-sizing border-box
 | |
| 
 | |
| 		border solid 2px transparent
 | |
| 		border-top-color var(--primary)
 | |
| 		border-left-color var(--primary)
 | |
| 		border-radius 50%
 | |
| 
 | |
| 		animation progress-spinner 400ms linear infinite
 | |
| 
 | |
| 	@keyframes progress-spinner
 | |
| 		0%
 | |
| 			transform rotate(0deg)
 | |
| 		100%
 | |
| 			transform rotate(360deg)
 | |
| 
 | |
| code
 | |
| 	font-family Consolas, 'Courier New', Courier, Monaco, monospace
 | |
| 
 | |
| 	.comment
 | |
| 		opacity 0.5
 | |
| 
 | |
| 	.string
 | |
| 		color #e96900
 | |
| 
 | |
| 	.regexp
 | |
| 		color #e9003f
 | |
| 
 | |
| 	.keyword
 | |
| 		color #2973b7
 | |
| 
 | |
| 		&.true
 | |
| 		&.false
 | |
| 		&.null
 | |
| 		&.nil
 | |
| 		&.undefined
 | |
| 			color #ae81ff
 | |
| 
 | |
| 	.symbol
 | |
| 		color #42b983
 | |
| 
 | |
| 	.number
 | |
| 	.nan
 | |
| 		color #ae81ff
 | |
| 
 | |
| 	.var:not(.keyword)
 | |
| 		font-weight bold
 | |
| 		font-style italic
 | |
| 		//text-decoration underline
 | |
| 
 | |
| 	.method
 | |
| 		font-style italic
 | |
| 		color #8964c1
 | |
| 
 | |
| 	.property
 | |
| 		color #a71d5d
 | |
| 
 | |
| 	.label
 | |
| 		color #e9003f
 | |
| 
 | |
| pre
 | |
| 	display block
 | |
| 
 | |
| 	> code
 | |
| 		display block
 | |
| 		overflow auto
 | |
| 		tab-size 2
 | |
| 
 | |
| [data-fa]
 | |
| 	display inline-block
 | 
