change the icon, the button style and text on the donation page

[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);
}

.i_features {
	width: 40px;
	height: 40px;
	margin: auto;	
}

.outline_i {
	border: solid 4px;
	width: 80px;
	height: 80px;
	display: flex;
	align-items: center;
}

.i_verified {
	fill: $green-600;
}

.i_warning {
	fill: $red_900;
}

.i_wifi {
	fill: $blue-700;
}

.i_server {
	fill: $amber-800;
}

.i_secure {
	fill: $blue_grey_300;
}