Refactor
This commit is contained in:
		
							parent
							
								
									8d2e9772b8
								
							
						
					
					
						commit
						3d2cdd3708
					
				
					 25 changed files with 46 additions and 28 deletions
				
			
		| 
						 | 
				
			
			@ -14,6 +14,8 @@
 | 
			
		|||
			display block
 | 
			
		||||
			overflow hidden
 | 
			
		||||
			background #fff
 | 
			
		||||
			border solid 1px rgba(0, 0, 0, 0.075)
 | 
			
		||||
			border-radius 6px
 | 
			
		||||
 | 
			
		||||
			> .title
 | 
			
		||||
				z-index 1
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -3,8 +3,6 @@
 | 
			
		|||
	<style>
 | 
			
		||||
		:scope
 | 
			
		||||
			display block
 | 
			
		||||
			background transparent !important
 | 
			
		||||
			border none !important
 | 
			
		||||
	</style>
 | 
			
		||||
	<script>
 | 
			
		||||
		this.data = {
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -15,7 +15,7 @@
 | 
			
		|||
			display block
 | 
			
		||||
			padding 10px 10px 10px 50px
 | 
			
		||||
			background transparent
 | 
			
		||||
			border-color #4078c0 !important
 | 
			
		||||
			border-color #4078c0
 | 
			
		||||
 | 
			
		||||
			&:after
 | 
			
		||||
				content ""
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -30,13 +30,15 @@
 | 
			
		|||
			padding 16px 0
 | 
			
		||||
			color #777
 | 
			
		||||
			background #fff
 | 
			
		||||
			border solid 1px rgba(0, 0, 0, 0.075)
 | 
			
		||||
			border-radius 6px
 | 
			
		||||
 | 
			
		||||
			&[data-special='on-new-years-day']
 | 
			
		||||
				border-color #ef95a0 !important
 | 
			
		||||
				border-color #ef95a0
 | 
			
		||||
 | 
			
		||||
			&[data-melt]
 | 
			
		||||
				background transparent !important
 | 
			
		||||
				border none !important
 | 
			
		||||
				background transparent
 | 
			
		||||
				border none
 | 
			
		||||
 | 
			
		||||
			&:after
 | 
			
		||||
				content ""
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -11,6 +11,8 @@
 | 
			
		|||
		:scope
 | 
			
		||||
			display block
 | 
			
		||||
			background #fff
 | 
			
		||||
			border solid 1px rgba(0, 0, 0, 0.075)
 | 
			
		||||
			border-radius 6px
 | 
			
		||||
			overflow hidden
 | 
			
		||||
 | 
			
		||||
			> .title
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -7,7 +7,8 @@
 | 
			
		|||
		:scope
 | 
			
		||||
			display block
 | 
			
		||||
			background #fff
 | 
			
		||||
			border-color #ead8bb !important
 | 
			
		||||
			border solid 1px #ead8bb
 | 
			
		||||
			border-radius 6px
 | 
			
		||||
 | 
			
		||||
			> article
 | 
			
		||||
				padding 20px
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -9,6 +9,8 @@
 | 
			
		|||
		:scope
 | 
			
		||||
			display block
 | 
			
		||||
			background #fff
 | 
			
		||||
			border solid 1px rgba(0, 0, 0, 0.075)
 | 
			
		||||
			border-radius 6px
 | 
			
		||||
 | 
			
		||||
			> header
 | 
			
		||||
				padding 8px 16px
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -8,6 +8,8 @@
 | 
			
		|||
			display block
 | 
			
		||||
			overflow hidden
 | 
			
		||||
			background #fff
 | 
			
		||||
			border solid 1px rgba(0, 0, 0, 0.075)
 | 
			
		||||
			border-radius 6px
 | 
			
		||||
 | 
			
		||||
			> .title
 | 
			
		||||
				z-index 2
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -6,6 +6,8 @@
 | 
			
		|||
			font-size 12px
 | 
			
		||||
			color #aaa
 | 
			
		||||
			background #fff
 | 
			
		||||
			border solid 1px rgba(0, 0, 0, 0.075)
 | 
			
		||||
			border-radius 6px
 | 
			
		||||
 | 
			
		||||
			a
 | 
			
		||||
				color #999
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -8,6 +8,8 @@
 | 
			
		|||
		:scope
 | 
			
		||||
			display block
 | 
			
		||||
			background #fff
 | 
			
		||||
			border solid 1px rgba(0, 0, 0, 0.075)
 | 
			
		||||
			border-radius 6px
 | 
			
		||||
 | 
			
		||||
			> .title
 | 
			
		||||
				z-index 1
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -13,6 +13,8 @@
 | 
			
		|||
		:scope
 | 
			
		||||
			display block
 | 
			
		||||
			background #fff
 | 
			
		||||
			border solid 1px rgba(0, 0, 0, 0.075)
 | 
			
		||||
			border-radius 6px
 | 
			
		||||
 | 
			
		||||
			&[data-melt]
 | 
			
		||||
				background transparent !important
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -12,6 +12,8 @@
 | 
			
		|||
			display block
 | 
			
		||||
			background #fff
 | 
			
		||||
			overflow hidden
 | 
			
		||||
			border solid 1px rgba(0, 0, 0, 0.075)
 | 
			
		||||
			border-radius 6px
 | 
			
		||||
 | 
			
		||||
			> .title
 | 
			
		||||
				z-index 1
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -8,6 +8,8 @@
 | 
			
		|||
			display block
 | 
			
		||||
			overflow hidden
 | 
			
		||||
			background #fff
 | 
			
		||||
			border solid 1px rgba(0, 0, 0, 0.075)
 | 
			
		||||
			border-radius 6px
 | 
			
		||||
 | 
			
		||||
			&[data-compact]
 | 
			
		||||
				> .banner:before
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -14,6 +14,8 @@
 | 
			
		|||
		:scope
 | 
			
		||||
			display block
 | 
			
		||||
			background #fff
 | 
			
		||||
			border solid 1px rgba(0, 0, 0, 0.075)
 | 
			
		||||
			border-radius 6px
 | 
			
		||||
 | 
			
		||||
			> .title
 | 
			
		||||
				margin 0
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -11,6 +11,8 @@
 | 
			
		|||
		:scope
 | 
			
		||||
			display block
 | 
			
		||||
			background #fff
 | 
			
		||||
			border solid 1px rgba(0, 0, 0, 0.075)
 | 
			
		||||
			border-radius 6px
 | 
			
		||||
 | 
			
		||||
			> .title
 | 
			
		||||
				margin 0
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -14,6 +14,8 @@
 | 
			
		|||
		:scope
 | 
			
		||||
			display block
 | 
			
		||||
			background #fff
 | 
			
		||||
			border solid 1px rgba(0, 0, 0, 0.075)
 | 
			
		||||
			border-radius 6px
 | 
			
		||||
 | 
			
		||||
			&[data-melt]
 | 
			
		||||
				background transparent !important
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -11,6 +11,8 @@
 | 
			
		|||
			display block
 | 
			
		||||
			overflow hidden
 | 
			
		||||
			background #fff
 | 
			
		||||
			border solid 1px rgba(0, 0, 0, 0.075)
 | 
			
		||||
			border-radius 6px
 | 
			
		||||
 | 
			
		||||
			&:hover > button
 | 
			
		||||
				display block
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -13,6 +13,8 @@
 | 
			
		|||
		:scope
 | 
			
		||||
			display block
 | 
			
		||||
			background #fff
 | 
			
		||||
			border solid 1px rgba(0, 0, 0, 0.075)
 | 
			
		||||
			border-radius 6px
 | 
			
		||||
 | 
			
		||||
			> mk-following-setuper
 | 
			
		||||
				border-bottom solid 1px #eee
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -3,8 +3,6 @@
 | 
			
		|||
	<style>
 | 
			
		||||
		:scope
 | 
			
		||||
			display block
 | 
			
		||||
			background transparent !important
 | 
			
		||||
			border none !important
 | 
			
		||||
	</style>
 | 
			
		||||
	<script>
 | 
			
		||||
		this.data = {
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -3,8 +3,6 @@
 | 
			
		|||
	<style>
 | 
			
		||||
		:scope
 | 
			
		||||
			display block
 | 
			
		||||
			background transparent !important
 | 
			
		||||
			border none !important
 | 
			
		||||
			overflow visible !important
 | 
			
		||||
 | 
			
		||||
			> p
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -13,6 +13,8 @@
 | 
			
		|||
		:scope
 | 
			
		||||
			display block
 | 
			
		||||
			background #fff
 | 
			
		||||
			border solid 1px rgba(0, 0, 0, 0.075)
 | 
			
		||||
			border-radius 6px
 | 
			
		||||
 | 
			
		||||
			> .title
 | 
			
		||||
				margin 0
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -19,6 +19,8 @@
 | 
			
		|||
		:scope
 | 
			
		||||
			display block
 | 
			
		||||
			background #fff
 | 
			
		||||
			border solid 1px rgba(0, 0, 0, 0.075)
 | 
			
		||||
			border-radius 6px
 | 
			
		||||
 | 
			
		||||
			> .title
 | 
			
		||||
				margin 0
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -3,8 +3,6 @@
 | 
			
		|||
	<style>
 | 
			
		||||
		:scope
 | 
			
		||||
			display block
 | 
			
		||||
			background transparent !important
 | 
			
		||||
			border none !important
 | 
			
		||||
			overflow visible !important
 | 
			
		||||
 | 
			
		||||
			> p
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -132,13 +132,6 @@
 | 
			
		|||
				max-width 1200px
 | 
			
		||||
 | 
			
		||||
				> *
 | 
			
		||||
					> *:not(.customize-container):not(.maintop)
 | 
			
		||||
					> .maintop > .customize-container > *
 | 
			
		||||
					> .customize-container > *
 | 
			
		||||
						display block
 | 
			
		||||
						border solid 1px rgba(0, 0, 0, 0.075)
 | 
			
		||||
						border-radius 6px
 | 
			
		||||
 | 
			
		||||
					> *:not(.customize-container):not(.maintop)
 | 
			
		||||
					> .customize-container
 | 
			
		||||
						&:not(:last-child)
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -215,6 +215,8 @@
 | 
			
		|||
		:scope
 | 
			
		||||
			display block
 | 
			
		||||
			background #fff
 | 
			
		||||
			border solid 1px rgba(0, 0, 0, 0.075)
 | 
			
		||||
			border-radius 6px
 | 
			
		||||
 | 
			
		||||
			> *:first-child
 | 
			
		||||
				border-top none !important
 | 
			
		||||
| 
						 | 
				
			
			@ -310,6 +312,8 @@
 | 
			
		|||
		:scope
 | 
			
		||||
			display block
 | 
			
		||||
			background #fff
 | 
			
		||||
			border solid 1px rgba(0, 0, 0, 0.075)
 | 
			
		||||
			border-radius 6px
 | 
			
		||||
 | 
			
		||||
			> .title
 | 
			
		||||
				z-index 1
 | 
			
		||||
| 
						 | 
				
			
			@ -409,14 +413,8 @@
 | 
			
		|||
			max-width 1200px
 | 
			
		||||
 | 
			
		||||
			> *
 | 
			
		||||
				> *
 | 
			
		||||
					display block
 | 
			
		||||
					//border solid 1px #eaeaea
 | 
			
		||||
					border solid 1px rgba(0, 0, 0, 0.075)
 | 
			
		||||
					border-radius 6px
 | 
			
		||||
 | 
			
		||||
					&:not(:last-child)
 | 
			
		||||
						margin-bottom 16px
 | 
			
		||||
				> *:not(:last-child)
 | 
			
		||||
					margin-bottom 16px
 | 
			
		||||
 | 
			
		||||
			> main
 | 
			
		||||
				padding 16px
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue