forked from Git/hugo-story
		
	Delete 'assets/sass/components/_icon.scss'
This commit is contained in:
		@@ -1,97 +0,0 @@
 | 
				
			|||||||
/*
 | 
					 | 
				
			||||||
	Hugo Story by CaressOfSteel
 | 
					 | 
				
			||||||
	A (modular, highly tweakable) responsive one-page theme for Hugo.
 | 
					 | 
				
			||||||
	Ported from Story by HTML5UP.
 | 
					 | 
				
			||||||
	This Hugo theme is licensed under the Creative Commons Attribution 3.0 License.
 | 
					 | 
				
			||||||
*/
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
/* Icon */
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
	.icon {
 | 
					 | 
				
			||||||
		@include icon;
 | 
					 | 
				
			||||||
		border-bottom: none;
 | 
					 | 
				
			||||||
		position: relative;
 | 
					 | 
				
			||||||
		text-align: center;
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
		> .label {
 | 
					 | 
				
			||||||
			display: none;
 | 
					 | 
				
			||||||
		}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
		&:before {
 | 
					 | 
				
			||||||
			line-height: inherit;
 | 
					 | 
				
			||||||
		}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
		&.solid {
 | 
					 | 
				
			||||||
			&:before {
 | 
					 | 
				
			||||||
				font-weight: 900;
 | 
					 | 
				
			||||||
			}
 | 
					 | 
				
			||||||
		}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
		&.brands {
 | 
					 | 
				
			||||||
			&:before {
 | 
					 | 
				
			||||||
				font-family: 'Font Awesome 5 Brands';
 | 
					 | 
				
			||||||
			}
 | 
					 | 
				
			||||||
		}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
		&.style2 {
 | 
					 | 
				
			||||||
			&:before {
 | 
					 | 
				
			||||||
				border-radius: 2.75em;
 | 
					 | 
				
			||||||
				display: inline-block;
 | 
					 | 
				
			||||||
				height: 2.75em;
 | 
					 | 
				
			||||||
				line-height: 2.75em;
 | 
					 | 
				
			||||||
				width: 2.75em;
 | 
					 | 
				
			||||||
			}
 | 
					 | 
				
			||||||
		}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
		&.major {
 | 
					 | 
				
			||||||
			display: block;
 | 
					 | 
				
			||||||
			margin: 0 0 (_size(element-margin) * 0.5) 0;
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
			&:before {
 | 
					 | 
				
			||||||
				font-size: 1.25rem;
 | 
					 | 
				
			||||||
			}
 | 
					 | 
				
			||||||
		}
 | 
					 | 
				
			||||||
	}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
	a.icon {
 | 
					 | 
				
			||||||
		&.style2 {
 | 
					 | 
				
			||||||
			&:before {
 | 
					 | 
				
			||||||
				@include vendor('transition', (
 | 
					 | 
				
			||||||
					'background-color #{_duration(transition)} ease-in-out',
 | 
					 | 
				
			||||||
					'box-shadow #{_duration(transition)} ease-in-out',
 | 
					 | 
				
			||||||
					'color #{_duration(transition)} ease-in-out'
 | 
					 | 
				
			||||||
				));
 | 
					 | 
				
			||||||
			}
 | 
					 | 
				
			||||||
		}
 | 
					 | 
				
			||||||
	}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
	@mixin color-icon($p: null) {
 | 
					 | 
				
			||||||
 		.icon {
 | 
					 | 
				
			||||||
 			&.style2 {
 | 
					 | 
				
			||||||
 				&:before {
 | 
					 | 
				
			||||||
					box-shadow: inset 0 0 0 _size(border-width) _palette($p, border);
 | 
					 | 
				
			||||||
 				}
 | 
					 | 
				
			||||||
 			}
 | 
					 | 
				
			||||||
 		}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
		a.icon {
 | 
					 | 
				
			||||||
			&.style2 {
 | 
					 | 
				
			||||||
				&:hover {
 | 
					 | 
				
			||||||
					&:before {
 | 
					 | 
				
			||||||
						box-shadow: inset 0 0 0 _size(border-width) _palette($p, accent);
 | 
					 | 
				
			||||||
						color: _palette($p, accent);
 | 
					 | 
				
			||||||
					}
 | 
					 | 
				
			||||||
				}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
				&:active {
 | 
					 | 
				
			||||||
					&:before {
 | 
					 | 
				
			||||||
						background-color: transparentize(_palette($p, accent), 0.9);
 | 
					 | 
				
			||||||
						box-shadow: inset 0 0 0 _size(border-width) _palette($p, accent);
 | 
					 | 
				
			||||||
						color: _palette($p, accent);
 | 
					 | 
				
			||||||
					}
 | 
					 | 
				
			||||||
				}
 | 
					 | 
				
			||||||
			}
 | 
					 | 
				
			||||||
		}
 | 
					 | 
				
			||||||
	}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
	@include color-icon;
 | 
					 | 
				
			||||||
		Reference in New Issue
	
	Block a user