init
This commit is contained in:
		
						commit
						d013ece0f3
					
				
					 363 changed files with 20823 additions and 0 deletions
				
			
		
							
								
								
									
										81
									
								
								themes/duckquill/sass/_alerts.scss
									
										
									
									
									
										Normal file
									
								
							
							
						
						
									
										81
									
								
								themes/duckquill/sass/_alerts.scss
									
										
									
									
									
										Normal file
									
								
							| 
						 | 
				
			
			@ -0,0 +1,81 @@
 | 
			
		|||
blockquote {
 | 
			
		||||
	&.note {
 | 
			
		||||
		border-inline-start: 0.25rem solid var(--blue-fg);
 | 
			
		||||
 | 
			
		||||
		.alert-title,
 | 
			
		||||
		li::marker {
 | 
			
		||||
			color: var(--blue-fg);
 | 
			
		||||
		}
 | 
			
		||||
 | 
			
		||||
		.alert-title .icon {
 | 
			
		||||
			-webkit-mask-image: var(--icon-info);
 | 
			
		||||
			mask-image: var(--icon-info);
 | 
			
		||||
		}
 | 
			
		||||
	}
 | 
			
		||||
 | 
			
		||||
	&.tip {
 | 
			
		||||
		border-inline-start: 0.25rem solid var(--green-fg);
 | 
			
		||||
 | 
			
		||||
		.alert-title,
 | 
			
		||||
		li::marker {
 | 
			
		||||
			color: var(--green-fg);
 | 
			
		||||
		}
 | 
			
		||||
 | 
			
		||||
		.alert-title .icon {
 | 
			
		||||
			-webkit-mask-image: var(--icon-lightbulb);
 | 
			
		||||
			mask-image: var(--icon-lightbulb);
 | 
			
		||||
		}
 | 
			
		||||
	}
 | 
			
		||||
 | 
			
		||||
	&.important {
 | 
			
		||||
		border-inline-start: 0.25rem solid var(--purple-fg);
 | 
			
		||||
 | 
			
		||||
		.alert-title,
 | 
			
		||||
		li::marker {
 | 
			
		||||
			color: var(--purple-fg);
 | 
			
		||||
		}
 | 
			
		||||
 | 
			
		||||
		.alert-title .icon {
 | 
			
		||||
			-webkit-mask-image: var(--icon-important);
 | 
			
		||||
			mask-image: var(--icon-important);
 | 
			
		||||
		}
 | 
			
		||||
	}
 | 
			
		||||
 | 
			
		||||
	&.warning {
 | 
			
		||||
		border-inline-start: 0.25rem solid var(--yellow-fg);
 | 
			
		||||
 | 
			
		||||
		.alert-title,
 | 
			
		||||
		li::marker {
 | 
			
		||||
			color: var(--yellow-fg);
 | 
			
		||||
		}
 | 
			
		||||
 | 
			
		||||
		.alert-title .icon {
 | 
			
		||||
			-webkit-mask-image: var(--icon-warning);
 | 
			
		||||
			mask-image: var(--icon-warning);
 | 
			
		||||
		}
 | 
			
		||||
	}
 | 
			
		||||
 | 
			
		||||
	&.caution {
 | 
			
		||||
		border-inline-start: 0.25rem solid var(--red-fg);
 | 
			
		||||
 | 
			
		||||
		.alert-title,
 | 
			
		||||
		li::marker {
 | 
			
		||||
			color: var(--red-fg);
 | 
			
		||||
		}
 | 
			
		||||
 | 
			
		||||
		.alert-title .icon {
 | 
			
		||||
			-webkit-mask-image: var(--icon-caution);
 | 
			
		||||
			mask-image: var(--icon-caution);
 | 
			
		||||
		}
 | 
			
		||||
	}
 | 
			
		||||
 | 
			
		||||
	.alert-title {
 | 
			
		||||
		margin-block-end: -0.75rem;
 | 
			
		||||
		font-weight: bold;
 | 
			
		||||
 | 
			
		||||
		.icon {
 | 
			
		||||
			vertical-align: -0.125em;
 | 
			
		||||
			margin-inline-end: 0.25rem;
 | 
			
		||||
		}
 | 
			
		||||
	}
 | 
			
		||||
}
 | 
			
		||||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue