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