leon/sass/style-xsmall.scss

@import 'vars';
@import 'mixins';

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

$size-padding-tb: 3em;
$size-padding-lr: 1em;

/* Basic */

	html, body {
		min-width: 320px;
	}

/* List */

	ul {
		&.actions {
			margin: 0 0 $size-element-margin 0;

			li {
				display: block;
				padding: ($size-element-margin * 0.5) 0 0 0;
				text-align: center;
				width: 100%;

				&:first-child {
					padding-top: 0;
				}

				> * {
					margin: 0 !important;
					width: 100%;
				}
			}

			&.small {
				li {
					padding: ($size-element-margin * 0.25) 0 0 0;

					&:first-child {
						padding-top: 0;
					}
				}
			}
		}

		&.icons-grid {
			li {
				box-shadow: inset 0 1px 0 0 $color-border !important;
				float: none;
				margin: $size-element-margin 0 0 0;
				padding: $size-element-margin 0 0 0;
				width: 100%;

				&:first-child {
					box-shadow: none !important;
					margin-top: 0;
					padding: ($size-element-margin * 0.5) 0 0 0;
				}

				&:nth-child(2n + 1) {
					box-shadow: none;
				}

				&:nth-child(2n + 3) {
					&:before {
						display: none;
					}
				}
			}
		}
	}

/* Button */

	input[type="submit"],
	input[type="reset"],
	input[type="button"],
	button,
	.button {
		padding: 0;

		&.icon {
			padding-left: 0;

		}
	}

/* Main */

	.main {
		.container {
			@include padding($size-padding-tb, $size-padding-lr);

			.image.primary:first-child {
				margin: (($size-padding-tb - $size-padding-lr) * -1) 0 ($size-element-margin * 1.25) 0;
			}
		}
	}

/* Footer */

	#footer {
		.container {
			@include padding($size-padding-tb, $size-padding-lr);
		}

		footer {
			.copyright {
				line-height: inherit;

				li {
					border-left: 0;
					display: block;
					margin: 0;
					padding: 0;
				}
			}
		}
	}