webseite/assets/sass/ie8.scss

@import 'libs/vars';
@import 'libs/functions';
@import 'libs/mixins';
@import 'libs/skel';

/*
	Solid State by HTML5 UP
	html5up.net | @ajlkn
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/

/* Basic */

	body {
		-ms-behavior: url('assets/js/backgroundsize.min.htc');
	}

/* Type */

	h1, h2, h3, h4, h5, h6 {
		&.major {
			border-bottom: solid 2px _palette(fg-bold);
		}
	}

	blockquote {
		border-left: solid 4px _palette(fg-bold);
	}

	code {
		border: solid 2px _palette(fg-bold);
	}

	hr {
		border-bottom: solid 2px _palette(fg-bold);
	}

/* Button */

	input[type="submit"],
	input[type="reset"],
	input[type="button"],
	button,
	.button {
		position: relative;
		-ms-behavior: url('assets/js/ie/PIE.htc');
		border: solid 2px _palette(fg-bold);

		&.special {
			border: 0;
		}
	}

/* Form */

	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="tel"],
	select,
	textarea {
		position: relative;
		-ms-behavior: url('assets/js/ie/PIE.htc');
		background: transparent;
		border: solid 2px _palette(fg-bold);
	}

/* Table */

	table {
		tbody {
			tr {
				border: solid 1px _palette(fg-bold);
				border-left: 0;
				border-right: 0;
			}
		}

		&.alt {
			tbody {
				tr {
					td {
						border: solid 1px _palette(fg-bold);
						border-left-width: 0;
						border-top-width: 0;

						&:first-child {
							border-left-width: 1px;
						}
					}

					&:first-child {
						td {
							border-top-width: 1px;
						}
					}
				}
			}

			thead {
				border-bottom: 0;
			}

			tfoot {
				border-top: 0;
			}
		}
	}

/* Features */

	.features {
		article {
			-ms-behavior: url('assets/js/ie/PIE.htc');
			position: relative;
			width: 44%;

			.image {
				margin-top: 0;
				margin-left: 0;
				width: 100%;
			}
		}
	}

/* Menu */

	#menu {
		background: _palette(bg);

		h2 {
			border-bottom: solid 2px _palette(fg-bold);
		}
	}

/* Header */

	#header {
		background-color: desaturate(lighten(_palette(bg), 3), 1.5);
	}

/* Wrapper */

	.wrapper {
		&:before, &:after {
			display: none;
		}

		margin: 0;

		&.spotlight {
			.image {
				-ms-behavior: url('assets/js/ie/PIE.htc');

				img {
					position: relative;
					-ms-behavior: url('assets/js/ie/PIE.htc');
				}
			}
		}
	}

/* Banner */

	#banner {
		.logo {
			.icon {
				border: solid 2px _palette(fg-bold);
				-ms-behavior: url('assets/js/ie/PIE.htc');
			}
		}

		h2 {
			border-bottom: solid 2px _palette(fg-bold);
		}
	}

/* Footer */

	#footer {
		.inner {
			.copyright {
				border-top: solid 2px _palette(fg-bold);

				li {
					border-left: solid 2px _palette(fg-bold);
				}
			}
		}
	}