MAINHACK

Viewing / Editing File: __page.scss

/* FILE: main/content/__page.scss */

//
// Page styles
//

// Special pages

// Error 404 and "Not found" page

.error-404,
		.not-found {
			text-align: center;

@include responsive( map_get( $breakpoint, 'l' ) ) {
				font-size: 1.62em;
			}

.page-title {

@include responsive( map_get( $breakpoint, 'l' ) ) {
					font-size: 2.24em;
				}

}

h1 {
				padding-bottom: .62em;
			}

p,
			a {
				color: inherit;
			}

form {
				width: 100%;
				text-align: center;
			}

p,
			form {
				max-width: 38rem;
				margin-left: auto;
				margin-right: auto;
			}

}

// Page templates

// Food menu page

.page-template-_menu .entry + .page-section {
			margin-top: 0;
		}

// Fullwidth page

.is-singular .site-main > .attachment.entry,
		.page-template-_fullwidth .site-main > .entry,
		.page-template-_menu .site-main > .entry {
			float: none;
			width: 100%;
		}

.home.page-template-_fullwidth .site-content .page .entry-title {
			text-align: center;
		}

// Page sections

.page-section {
		border-bottom-width: 2px;
		border-bottom-style: solid;

.site-main + &,
		.site-main + & + & {
			border-top-width: 2px;
			border-top-style: solid;
			border-bottom-width: 0;
		}

.site-main + & {
			margin-top: 6%;
		}

.page-template-_menu & {
			margin-top: 0;
			border-width: 0;
		}

// Elements

.page-title {
				border-top-width: 0;
			}

&:first-child .page-title {
				padding-top: 0;
			}

// Posts list (condensed posts)

.posts {

.entry {
					z-index: 0;

@include responsive( map_get( $breakpoint, 'l' ) ) {
						transition: padding .4s,
						            height .4s,
						            transform .4s,
						            box-shadow .4s;
					}

&:hover {
						padding: 1.62rem;
						z-index: 9;

@include responsive( map_get( $breakpoint, 'l' ) ) {
							box-shadow: 0 .38rem 1.62rem rgba( #000, .2 );
						}

.entry-media + .entry-inner {
							max-height: 400px;
							padding-left: 0;
							padding-right: 0;
							margin-top: 1.62rem;
							opacity: 1;
						}

}

&-media {

+ .entry-inner {
							max-height: 400px;
							padding-left: 0;
							padding-right: 0;
							margin-top: 1.62rem;
							opacity: 1;
							overflow: hidden;
							transition: all .4s;

@include responsive( map_get( $breakpoint, 'l' ) ) {
								max-height: 0;
								padding-left: 1.62rem;
								padding-right: 1.62rem;
								margin-top: 0;
								opacity: 0;
							}

}

.has-post-thumbnail {
					padding: 1.62rem;

@include responsive( map_get( $breakpoint, 'l' ) ) {
						padding: 0;
					}

&:hover {

@include responsive( map_get( $breakpoint, 'l' ) ) {
							transform: translateY( -1.62rem );
						}

}

// Page content after page section

+ .site-main {
				margin-top: 6%;

.entry-media {
					margin-bottom: 6%;
				}

}

.archive-link {
		clear: both;
		padding: 0 0 6%;
		text-align: center;

a {
			display: inline-block;
		}

}

Cancel / Back

[ MAINHACK ]

Viewing / Editing File: __page.scss

Server Info

System Features

User Info