forked from Git/hugo-story
		
	Delete 'assets/sass/base/_typography.scss'
This commit is contained in:
		@@ -1,237 +0,0 @@
 | 
				
			|||||||
/*
 | 
					 | 
				
			||||||
	Hugo Story by CaressOfSteel
 | 
					 | 
				
			||||||
	A (modular, highly tweakable) responsive one-page theme for Hugo.
 | 
					 | 
				
			||||||
	Ported from Story by HTML5UP.
 | 
					 | 
				
			||||||
	This Hugo theme is licensed under the Creative Commons Attribution 3.0 License.
 | 
					 | 
				
			||||||
*/
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
/* Type */
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
	html {
 | 
					 | 
				
			||||||
		font-size: 18pt;
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
		@include breakpoint('<=xlarge') {
 | 
					 | 
				
			||||||
			font-size: 14pt;
 | 
					 | 
				
			||||||
		}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
		@include breakpoint('<=large') {
 | 
					 | 
				
			||||||
			font-size: 12pt;
 | 
					 | 
				
			||||||
		}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
		@include breakpoint('<=small') {
 | 
					 | 
				
			||||||
			font-size: 11pt;
 | 
					 | 
				
			||||||
		}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
		@include breakpoint('<=xxsmall') {
 | 
					 | 
				
			||||||
			font-size: 10pt;
 | 
					 | 
				
			||||||
		}
 | 
					 | 
				
			||||||
	}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
	body {
 | 
					 | 
				
			||||||
		background-color: _palette(bg);
 | 
					 | 
				
			||||||
		color: _palette(fg);
 | 
					 | 
				
			||||||
	}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
	body, input, select, textarea {
 | 
					 | 
				
			||||||
		font-family: _font(family);
 | 
					 | 
				
			||||||
		font-size: 1rem;
 | 
					 | 
				
			||||||
		font-weight: _font(weight);
 | 
					 | 
				
			||||||
		line-height: 1.65;
 | 
					 | 
				
			||||||
	}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
	a {
 | 
					 | 
				
			||||||
		@include vendor('transition', 'color #{_duration(transition)} ease-in-out');
 | 
					 | 
				
			||||||
		text-decoration: underline;
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
		&:hover {
 | 
					 | 
				
			||||||
			text-decoration: none;
 | 
					 | 
				
			||||||
		}
 | 
					 | 
				
			||||||
	}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
	strong, b {
 | 
					 | 
				
			||||||
		font-weight: _font(weight-bold);
 | 
					 | 
				
			||||||
	}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
	em, i {
 | 
					 | 
				
			||||||
		font-style: italic;
 | 
					 | 
				
			||||||
	}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
	p {
 | 
					 | 
				
			||||||
		margin: 0 0 _size(element-margin) 0;
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
		&.major {
 | 
					 | 
				
			||||||
			font-size: 1.25rem;
 | 
					 | 
				
			||||||
		}
 | 
					 | 
				
			||||||
	}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
	h1, h2, h3, h4, h5, h6 {
 | 
					 | 
				
			||||||
		font-weight: _font(weight);
 | 
					 | 
				
			||||||
		line-height: 1.375;
 | 
					 | 
				
			||||||
		letter-spacing: _font(kerning);
 | 
					 | 
				
			||||||
		margin: 0 0 (_size(element-margin) * 0.5) 0;
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
		a {
 | 
					 | 
				
			||||||
			color: inherit;
 | 
					 | 
				
			||||||
			text-decoration: none;
 | 
					 | 
				
			||||||
		}
 | 
					 | 
				
			||||||
	}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
	h1 {
 | 
					 | 
				
			||||||
		font-size: 3.5rem;
 | 
					 | 
				
			||||||
		line-height: 1.2;
 | 
					 | 
				
			||||||
	}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
	h2 {
 | 
					 | 
				
			||||||
		font-size: 2.25rem;
 | 
					 | 
				
			||||||
	}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
	h3 {
 | 
					 | 
				
			||||||
		font-size: 1.5rem;
 | 
					 | 
				
			||||||
	}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
	h4 {
 | 
					 | 
				
			||||||
		font-size: 1.1rem;
 | 
					 | 
				
			||||||
	}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
	h5 {
 | 
					 | 
				
			||||||
		font-size: 0.9rem;
 | 
					 | 
				
			||||||
	}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
	h6 {
 | 
					 | 
				
			||||||
		font-size: 0.7rem;
 | 
					 | 
				
			||||||
	}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
	sub {
 | 
					 | 
				
			||||||
		font-size: 0.8rem;
 | 
					 | 
				
			||||||
		position: relative;
 | 
					 | 
				
			||||||
		top: 0.5rem;
 | 
					 | 
				
			||||||
	}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
	sup {
 | 
					 | 
				
			||||||
		font-size: 0.8rem;
 | 
					 | 
				
			||||||
		position: relative;
 | 
					 | 
				
			||||||
		top: -0.5rem;
 | 
					 | 
				
			||||||
	}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
	blockquote {
 | 
					 | 
				
			||||||
		border-left: solid (_size(border-width) * 4);
 | 
					 | 
				
			||||||
		font-style: italic;
 | 
					 | 
				
			||||||
		margin: 0 0 _size(element-margin) 0;
 | 
					 | 
				
			||||||
		padding: (_size(element-margin) / 4) 0 (_size(element-margin) / 4) _size(element-margin);
 | 
					 | 
				
			||||||
	}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
	code {
 | 
					 | 
				
			||||||
		border-radius: _size(border-radius);
 | 
					 | 
				
			||||||
		font-family: _font(family-fixed);
 | 
					 | 
				
			||||||
		font-size: 0.9em;
 | 
					 | 
				
			||||||
		margin: 0 0.25rem;
 | 
					 | 
				
			||||||
		padding: 0.25rem 0.325rem;
 | 
					 | 
				
			||||||
	}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
	pre {
 | 
					 | 
				
			||||||
		-webkit-overflow-scrolling: touch;
 | 
					 | 
				
			||||||
		font-family: _font(family-fixed);
 | 
					 | 
				
			||||||
		font-size: 0.9em;
 | 
					 | 
				
			||||||
		margin: 0 0 _size(element-margin) 0;
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
		code {
 | 
					 | 
				
			||||||
			display: block;
 | 
					 | 
				
			||||||
			line-height: 1.5;
 | 
					 | 
				
			||||||
			padding: 0.75rem 1rem;
 | 
					 | 
				
			||||||
			overflow-x: auto;
 | 
					 | 
				
			||||||
		}
 | 
					 | 
				
			||||||
	}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
	hr {
 | 
					 | 
				
			||||||
		border: 0;
 | 
					 | 
				
			||||||
		border-bottom: solid _size(border-width);
 | 
					 | 
				
			||||||
		margin: (_size(element-margin) * 1.25) 0;
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
		&.major {
 | 
					 | 
				
			||||||
			margin: (_size(element-margin) * 1.75) 0;
 | 
					 | 
				
			||||||
		}
 | 
					 | 
				
			||||||
	}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
	.align-left {
 | 
					 | 
				
			||||||
		text-align: left;
 | 
					 | 
				
			||||||
	}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
	.align-center {
 | 
					 | 
				
			||||||
		text-align: center;
 | 
					 | 
				
			||||||
	}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
	.align-right {
 | 
					 | 
				
			||||||
		text-align: right;
 | 
					 | 
				
			||||||
	}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
	.footerspacer {
 | 
					 | 
				
			||||||
		padding-left: 15px;
 | 
					 | 
				
			||||||
		padding-right: 15px;
 | 
					 | 
				
			||||||
	}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
	@include breakpoint('<=small') {
 | 
					 | 
				
			||||||
		p {
 | 
					 | 
				
			||||||
			&.major {
 | 
					 | 
				
			||||||
				font-size: 1.1rem;
 | 
					 | 
				
			||||||
			}
 | 
					 | 
				
			||||||
		}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
		h1 {
 | 
					 | 
				
			||||||
			font-size: 2.5rem;
 | 
					 | 
				
			||||||
		}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
		h2 {
 | 
					 | 
				
			||||||
			font-size: 2rem;
 | 
					 | 
				
			||||||
		}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
		h3 {
 | 
					 | 
				
			||||||
			font-size: 1.25rem;
 | 
					 | 
				
			||||||
		}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
		h4 {
 | 
					 | 
				
			||||||
			font-size: 1rem;
 | 
					 | 
				
			||||||
		}
 | 
					 | 
				
			||||||
	}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
	@mixin color-typography($p: null) {
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
		@if $p != null {
 | 
					 | 
				
			||||||
			background-color: _palette($p, bg);
 | 
					 | 
				
			||||||
			color: _palette($p, fg);
 | 
					 | 
				
			||||||
		}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
		input, select, textarea {
 | 
					 | 
				
			||||||
			color: _palette($p, fg-bold);
 | 
					 | 
				
			||||||
		}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
		a {
 | 
					 | 
				
			||||||
			color: _palette($p, fg-bold);
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
			&:hover {
 | 
					 | 
				
			||||||
				color: _palette($p, accent);
 | 
					 | 
				
			||||||
			}
 | 
					 | 
				
			||||||
		}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
		strong, b {
 | 
					 | 
				
			||||||
			color: _palette($p, fg-bold);
 | 
					 | 
				
			||||||
		}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
		h1, h2, h3, h4, h5, h6 {
 | 
					 | 
				
			||||||
			color: _palette($p, fg-bold);
 | 
					 | 
				
			||||||
		}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
		blockquote {
 | 
					 | 
				
			||||||
			border-left-color: _palette($p, border);
 | 
					 | 
				
			||||||
		}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
		code {
 | 
					 | 
				
			||||||
			background: _palette($p, border-bg);
 | 
					 | 
				
			||||||
			border-color: _palette($p, border);
 | 
					 | 
				
			||||||
		}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
		hr {
 | 
					 | 
				
			||||||
			border-bottom-color: _palette($p, border);
 | 
					 | 
				
			||||||
		}
 | 
					 | 
				
			||||||
	}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
	@include color-typography;
 | 
					 | 
				
			||||||
		Reference in New Issue
	
	Block a user