@import 'constants';

/* (1) Input */
@import 'global/input';

/* (2) Button */
@import 'global/button';

/* (3) classes that add icons before text */
@import 'global/before-icon';

/* (4) tags */
@import 'global/tag';






/* (4) Links */
a{
	color: inherit;
	text-decoration: none;

	&:after{
		content: '';
		display: block;

		width: 0%;
		height: .1em;

		background-color: #ddd;

		transition: width .1s ease-in-out;

	}

	&:hover:after{
		width: 100%;
	}
}

/* (5) Greyed text */
.grey{
	color: $secondary-color;
}

/* (6) pointer cursor (2 times the class to increase priority) */
.pointer.pointer{
	cursor: pointer;
}

/* (7) Mono font */
.mono{
	font-family: 'Mono';
	font-size: .9em;
}


[data-strike='1'],
.strike{
	text-decoration: line-through;
	opacity: .5;
}