[people/shoehn/ipfire.org.git] / static / scss / _icons.scss

// Icons
.icon {
	width: 1.5rem;
	height: 1.5rem;
	fill: currentColor;
	vertical-align: -.15rem;
	overflow: hidden;
	margin-right: .5rem;
}

.i_arrow_down {
	margin: 0;
	position: absolute;
	left: .75rem;
	top: -.25rem;
	animation: scroll 1.5s ease-in-out infinite;
	@include media-breakpoint-down(xs) {
		width: 1.75rem !important;
		height: 1.75rem !important;
		left: .25rem;
		top: -.5rem;
	}
}

.i_lg {
	width: 2.5rem;
	height: 2.5rem;
	margin: 0;
	transform: translateY(-.35rem);
	fill: $red_900;
}

.i_white {
	fill: white;
}

.i_sm {
	vertical-align: top;
	transform: translateY(-.10rem);
}
Commit	Line	Data
	1	// Icons
	2	.icon {
	3	width: 1.5rem;
	4	height: 1.5rem;
	5	fill: currentColor;
	6	vertical-align: -.15rem;
	7	overflow: hidden;
	8	margin-right: .5rem;
	9	}
	10
	11	.i_arrow_down {
	12	margin: 0;
	13	position: absolute;
	14	left: .75rem;
	15	top: -.25rem;
	16	animation: scroll 1.5s ease-in-out infinite;
	17	@include media-breakpoint-down(xs) {
	18	width: 1.75rem !important;
	19	height: 1.75rem !important;
	20	left: .25rem;
	21	top: -.5rem;
	22	}
	23	}
	24
	25	.i_lg {
	26	width: 2.5rem;
	27	height: 2.5rem;
	28	margin: 0;
	29	transform: translateY(-.35rem);
	30	fill: $red_900;
	31	}
	32
	33	.i_white {
	34	fill: white;
	35	}
	36
	37	.i_sm {
	38	vertical-align: top;
	39	transform: translateY(-.10rem);
	40	}