all repos — h3rald @ 2a60817b3e59bd0560863d98e124afb21d710523

The sources of https://h3rald.com

content/styles/_definitions.scss

 1
 2
 3
 4
 5
 6
 7
 8
 9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
 32
 33
 34
 35
 36
 37
 38
 39
 40
 41
 42
 43
 44
 45
 46
 47
 48
 49
 50
 51
 52
 53
 54
 55
 56
 57
 58
 59
 60
 
/* Definitions */

$background-color: #fcfcfc;
$alt-background-color: #efefef;
$border-color: #ccc;
$separator-color: #555;
$link-color: #802B00;
$link-hover-color: #BD3F00;
$text-color: #333;
$emphasis-color: #222;

@mixin standard-font {
	font-family: 'Crimson Text', 'Palatino', 'Bookman', 'Georgia', 'Times';
	line-height: 1.3em;
}

@mixin ease-in($property) {
	-webkit-transition: $property 0.15s ease-in;  
  -moz-transition: $property 0.15s ease-in;  
  -o-transition: $property 0.15s ease-in;  
  transition: $property 0.25s ease-in;
}

@mixin border-radius($size) {
	-webkit-border-radius: $size;
	-moz-border-radius: $size;
	border-radius: $size;
}

@mixin hover-image($width, $height) {
	width: $width;
	height: $height;
	position: relative;
	img.hover { opacity: 0; }
	&:hover img.hover { opacity: 1; }
	img.default { opacity: 1; }
	&:hover img.default { opacity: 0; }
	img {
		width: $width;
		height: $height;
		left: 0px;
		top: 0px;
		position: absolute;
		-webkit-transition: opacity 0.15s linear;
		-moz-transition: opacity 0.15s linear;
		-o-transition: opacity 0.15s linear;
		transition: opacity 0.15s linear;
	}
}

@mixin toolbar {
	border-bottom: 1px solid $border-color;
  color: $text-color;
  font-style: italic;
	width: 100%;
	text-align: left;
	font-size: 0.8em;
	line-height: 1.4em;
}