Darken
This commit is contained in:
		
							parent
							
								
									67b3461c24
								
							
						
					
					
						commit
						102aaeb390
					
				
					 1 changed files with 20 additions and 16 deletions
				
			
		| 
						 | 
					@ -138,6 +138,7 @@ root(isDark)
 | 
				
			||||||
	background isDark ? #282C37 : #fff
 | 
						background isDark ? #282C37 : #fff
 | 
				
			||||||
	border solid 1px rgba(#000, 0.075)
 | 
						border solid 1px rgba(#000, 0.075)
 | 
				
			||||||
	border-radius 6px
 | 
						border-radius 6px
 | 
				
			||||||
 | 
						overflow hidden
 | 
				
			||||||
 | 
					
 | 
				
			||||||
	&[data-melt]
 | 
						&[data-melt]
 | 
				
			||||||
		background transparent !important
 | 
							background transparent !important
 | 
				
			||||||
| 
						 | 
					@ -151,9 +152,12 @@ root(isDark)
 | 
				
			||||||
		line-height 42px
 | 
							line-height 42px
 | 
				
			||||||
		font-size 0.9em
 | 
							font-size 0.9em
 | 
				
			||||||
		font-weight bold
 | 
							font-weight bold
 | 
				
			||||||
		color #888
 | 
							color isDark ? #c5ced6 : #888
 | 
				
			||||||
		box-shadow 0 1px rgba(#000, 0.07)
 | 
							box-shadow 0 1px rgba(#000, 0.07)
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
							if isDark
 | 
				
			||||||
 | 
								background #313543
 | 
				
			||||||
 | 
					
 | 
				
			||||||
		> [data-fa]
 | 
							> [data-fa]
 | 
				
			||||||
			margin-right 4px
 | 
								margin-right 4px
 | 
				
			||||||
 | 
					
 | 
				
			||||||
| 
						 | 
					@ -165,13 +169,13 @@ root(isDark)
 | 
				
			||||||
		width 42px
 | 
							width 42px
 | 
				
			||||||
		font-size 0.9em
 | 
							font-size 0.9em
 | 
				
			||||||
		line-height 42px
 | 
							line-height 42px
 | 
				
			||||||
		color #ccc
 | 
							color isDark ? #9baec8 : #ccc
 | 
				
			||||||
 | 
					
 | 
				
			||||||
		&:hover
 | 
							&:hover
 | 
				
			||||||
			color #aaa
 | 
								color isDark ? #b2c1d5 : #aaa
 | 
				
			||||||
 | 
					
 | 
				
			||||||
		&:active
 | 
							&:active
 | 
				
			||||||
			color #999
 | 
								color isDark ? #b2c1d5 : #999
 | 
				
			||||||
 | 
					
 | 
				
			||||||
		&:first-of-type
 | 
							&:first-of-type
 | 
				
			||||||
			left 0
 | 
								left 0
 | 
				
			||||||
| 
						 | 
					@ -194,49 +198,49 @@ root(isDark)
 | 
				
			||||||
			font-size 14px
 | 
								font-size 14px
 | 
				
			||||||
 | 
					
 | 
				
			||||||
			&.weekday
 | 
								&.weekday
 | 
				
			||||||
				color #19a2a9
 | 
									color isDark ? #43d5dc : #19a2a9
 | 
				
			||||||
 | 
					
 | 
				
			||||||
				&[data-is-donichi]
 | 
									&[data-is-donichi]
 | 
				
			||||||
					color #ef95a0
 | 
										color isDark ? #ff6679 : #ef95a0
 | 
				
			||||||
 | 
					
 | 
				
			||||||
				&[data-today]
 | 
									&[data-today]
 | 
				
			||||||
					box-shadow 0 0 0 1px #19a2a9 inset
 | 
										box-shadow 0 0 0 1px isDark ? #43d5dc : #19a2a9 inset
 | 
				
			||||||
					border-radius 6px
 | 
										border-radius 6px
 | 
				
			||||||
 | 
					
 | 
				
			||||||
					&[data-is-donichi]
 | 
										&[data-is-donichi]
 | 
				
			||||||
						box-shadow 0 0 0 1px #ef95a0 inset
 | 
											box-shadow 0 0 0 1px isDark ? #ff6679 : #ef95a0 inset
 | 
				
			||||||
 | 
					
 | 
				
			||||||
			&.day
 | 
								&.day
 | 
				
			||||||
				cursor pointer
 | 
									cursor pointer
 | 
				
			||||||
				color #777
 | 
									color isDark ? #c5ced6 : #777
 | 
				
			||||||
 | 
					
 | 
				
			||||||
				> div
 | 
									> div
 | 
				
			||||||
					border-radius 6px
 | 
										border-radius 6px
 | 
				
			||||||
 | 
					
 | 
				
			||||||
				&:hover > div
 | 
									&:hover > div
 | 
				
			||||||
					background rgba(#000, 0.025)
 | 
										background rgba(#000, isDark ? 0.1 : 0.025)
 | 
				
			||||||
 | 
					
 | 
				
			||||||
				&:active > div
 | 
									&:active > div
 | 
				
			||||||
					background rgba(#000, 0.05)
 | 
										background rgba(#000, isDark ? 0.2 : 0.05)
 | 
				
			||||||
 | 
					
 | 
				
			||||||
				&[data-is-donichi]
 | 
									&[data-is-donichi]
 | 
				
			||||||
					color #ef95a0
 | 
										color isDark ? #ff6679 : #ef95a0
 | 
				
			||||||
 | 
					
 | 
				
			||||||
				&[data-is-out-of-range]
 | 
									&[data-is-out-of-range]
 | 
				
			||||||
					cursor default
 | 
										cursor default
 | 
				
			||||||
					color rgba(#777, 0.5)
 | 
										color rgba(isDark ? #c5ced6 : #777, 0.5)
 | 
				
			||||||
 | 
					
 | 
				
			||||||
					&[data-is-donichi]
 | 
										&[data-is-donichi]
 | 
				
			||||||
						color rgba(#ef95a0, 0.5)
 | 
											color rgba(isDark ? #ff6679 : #ef95a0, 0.5)
 | 
				
			||||||
 | 
					
 | 
				
			||||||
				&[data-selected]
 | 
									&[data-selected]
 | 
				
			||||||
					font-weight bold
 | 
										font-weight bold
 | 
				
			||||||
 | 
					
 | 
				
			||||||
					> div
 | 
										> div
 | 
				
			||||||
						background rgba(#000, 0.025)
 | 
											background rgba(#000, isDark ? 0.1 : 0.025)
 | 
				
			||||||
 | 
					
 | 
				
			||||||
					&:active > div
 | 
										&:active > div
 | 
				
			||||||
						background rgba(#000, 0.05)
 | 
											background rgba(#000, isDark ? 0.2 : 0.05)
 | 
				
			||||||
 | 
					
 | 
				
			||||||
				&[data-today]
 | 
									&[data-today]
 | 
				
			||||||
					> div
 | 
										> div
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue