forked from shibao/cannery
		
	
		
			
				
	
	
		
			63 lines
		
	
	
		
			1.2 KiB
		
	
	
	
		
			SCSS
		
	
	
	
	
	
			
		
		
	
	
			63 lines
		
	
	
		
			1.2 KiB
		
	
	
	
		
			SCSS
		
	
	
	
	
	
@import "tailwindcss/base";
 | 
						|
@import "tailwindcss/components";
 | 
						|
@import "tailwindcss/utilities";
 | 
						|
 | 
						|
$fa-font-path: "@fortawesome/fontawesome-free/webfonts";
 | 
						|
@import "@fortawesome/fontawesome-free/scss/fontawesome";
 | 
						|
@import "@fortawesome/fontawesome-free/scss/regular";
 | 
						|
@import "@fortawesome/fontawesome-free/scss/solid";
 | 
						|
@import "@fortawesome/fontawesome-free/scss/brands";
 | 
						|
 | 
						|
@import "components";
 | 
						|
 | 
						|
/* LiveView specific classes for your customizations */
 | 
						|
.phx-no-feedback.invalid-feedback,
 | 
						|
.phx-no-feedback .invalid-feedback {
 | 
						|
  display: none;
 | 
						|
}
 | 
						|
 | 
						|
.phx-click-loading {
 | 
						|
  opacity: 0.5;
 | 
						|
  transition: opacity 1s ease-out;
 | 
						|
}
 | 
						|
 | 
						|
.phx-disconnected{
 | 
						|
  cursor: wait;
 | 
						|
}
 | 
						|
.phx-disconnected *{
 | 
						|
  pointer-events: none;
 | 
						|
}
 | 
						|
 | 
						|
/* Alerts and form errors */
 | 
						|
.alert {
 | 
						|
  padding: 15px;
 | 
						|
  margin-bottom: 20px;
 | 
						|
  border: 1px solid transparent;
 | 
						|
  border-radius: 4px;
 | 
						|
}
 | 
						|
.alert-info {
 | 
						|
  color: #31708f;
 | 
						|
  background-color: #d9edf7;
 | 
						|
  border-color: #bce8f1;
 | 
						|
}
 | 
						|
.alert-warning {
 | 
						|
  color: #8a6d3b;
 | 
						|
  background-color: #fcf8e3;
 | 
						|
  border-color: #faebcc;
 | 
						|
}
 | 
						|
.alert-danger {
 | 
						|
  color: #a94442;
 | 
						|
  background-color: #f2dede;
 | 
						|
  border-color: #ebccd1;
 | 
						|
}
 | 
						|
.alert p {
 | 
						|
  margin-bottom: 0;
 | 
						|
}
 | 
						|
.alert:empty {
 | 
						|
  display: none;
 | 
						|
}
 | 
						|
.invalid-feedback {
 | 
						|
  color: #a94442;
 | 
						|
  display: block;
 | 
						|
  margin: -1rem 0 2rem;
 | 
						|
} |