pai-sklep/resources/scss/app.scss

@import url(~sanitize.css);
@import url(~@fortawesome/fontawesome-free/css/all.css);

* {
	box-sizing: border-box;
}


a {
	  color: inherit;
  	  text-decoration: inherit;
}

body {
	display: flex;
	flex-direction: column;
	align-items: center;
	min-height: 100vh;
}

nav, footer {
	background-color: blue;
	height: 5vh;
	width: 100%;
	color: white;
}

nav {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 1em;
}

.form-search {
	display:flex;
	justify-content: center;
}

.cart-amount {
	padding: 0;
	margin: 0;
}


main {
	display: flex;
	flex-direction: column;
	width: min(max(90vw,1080px), 100%);
	background-color: beige;
	flex-grow: 1;
}

.product-image {
	max-width: 100%;
}

.name-price-container {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

.price-currency {
	font-size: 0.85em;
	opacity: 0.55;
	font-weight: normal;
}

footer {
	display: flex;
	justify-content: center;
	align-items: center;
}