CORE_V5 // sass

PATH: var / www / vhosts / lahuertaatomica.es / httpdocs / assets / plugins / jPanelMenu / docs / sass /

Editing: _content.scss

.content {
	padding-bottom: $vertical-space-xl;

h2 {
		margin-top: 0;
		padding-top: $vertical-space-large;
	}

h3, dt {
		margin-top: $vertical-space-large;
	}

h2, h3, dt {
		a {
			position: relative;
			text-decoration: none;
			color: $text-color;

&:hover, &:focus {
				&:before {
					@include type-icon;
					position: absolute;
					top: 3px;
					left: -1.25em;
					content: '\1F517';
					margin-right: .5em;
					font-size: .75em;
					text-shadow: 0 1px 1px $white;
					color: $text-color-light
				}
			}
		}
	}

p:last-child { margin-bottom: 0; }

dt { margin-bottom: $vertical-space-small; }

dd p:first-child { margin: 0 0 $vertical-space-small; }

@media (min-width: 50em) {
		section {
			@include clearfix;
			clear: both;
		}

.text {
			float: left;
			width: 50%;

p:first-child { margin-top: 0; }
		}

.download {
			float: right;
			width: 40%;
			margin-top: 0;
		}
	}

@media (min-width: 75em) { clear: both; }
}

.spec {
	margin-top: $vertical-space-xl;
	padding-top: $vertical-space;

&.first { padding-top: 0; }

h3 {
		margin-top: 0;
	}

.details {
		@include border-radius(10px);
		background: $bg-light;
		border: 1px solid $text-color-lightest;
		padding: $vertical-space*1.25 $vertical-space*1.25 $vertical-space;

p:first-child { margin-top: 0; }
		p:last-child { margin-bottom: 0; }
	}

&:last-child { margin-bottom: 0; }
}

.param {
	.details {
		background: mix($bg,$bg-light);
	}
}

.jPM-specific {
	display: none;
}

#trigger-on {
	@include linear-gradient($blue,mix($blue,$blue-dark));
	@include box-shadow(0, 1px, 10px, $black);
	@include type-medium;
	display: block;
	position: fixed;
	top: 0;
	right: 7.5%;
	padding: .25em 1em;

$trigger-border-size: 5px;
	-moz-border-radius-bottomright: $trigger-border-size;
	-webkit-border-bottom-right-radius: $trigger-border-size;
	border-bottom-right-radius: $trigger-border-size;
	-moz-border-radius-bottomleft: $trigger-border-size;
	-webkit-border-bottom-left-radius: $trigger-border-size;
	border-bottom-left-radius: $trigger-border-size;
	border: 1px solid $blue-dark;
	border-top: none;

text-decoration: none;
	text-shadow: 0 -1px 1px $black;
	color: $white;
}

CANCEL