danielrayjones/_assets/css/style.scss

@import 'bootstrap';
@import 'font-awesome-sprockets';
@import 'font-awesome';
@import 'responsive_sizes';

.rounded-large {
  border-radius: 1rem;
}

.primary-container {
  padding: 0;

  & > .row {
    margin: 0;
  }
}

.bd-sideboard {
  aside {
    padding: $table-cell-padding-sm;
  }

  header {
    h2 {
      font-size: 1.7rem;
    }
  }
}

.bg-dark {
  p, header {
    color: $light;
  }
}

.bg-white {
	p, header {
		color: $black;
	}
}

dl {
	& > dt + dd, & > dd + dd {
		padding-left: 1em;
		margin-bottom: 0;
		font-style: italic;
	}

	& > dt + dt, & > dd + dt {
		margin-top: 1em;
	}
}

@media print {
	.noprint { display: none; }
	.site-header, .site-sidebar, .site-footer { display: none; }
	.hentry { margin-bottom: 0; }
	p, dl, ul, ol { margin-bottom: 1em; }
}

@media screen {
	.printonly { display: none; }
}

p, dl, ul, ol {
  &:last-child { margin-bottom: 0; }
}

.hide { display: none; }

%resume {
	section.entry-content {
		border-top: 1px solid rgba(0, 0, 0, 0.1);
		padding-top: 1em;
	}
}

#page-web {
	@extend %resume;
	
	#workhistory {
		ul .tech { 
			&::before { content: "("; }
			&::after { content: ")"; }
		}
	}
	
	@media print {
		.site-title, .entry-title { display:none; }

		h2 {
			font-size: 20px;
			margin-bottom: 0.25em;
		}

		.entry-content {
			a {
				&:link::after, &:visited:after { 
					content:" [" attr(href) "] ";
					color: gray;
				}
			}

			#workhistory {
				ul .tech {
					display: block;
					&::before { content: "";	}
					&::after { content: ""; }
				}
			}

			#summary {
				li { 
					float: left; 
					margin-right: 0.5em;
					list-style-type: none;
					width: 30%;
		
					&:nth-child(3n + 1) {
						clear: both;
					}
				}

				p:nth-child(3) {
					margin-bottom:0;
				}

				ul {
					margin-top:0;
					list-style-type: none;
				}

				&::after {
					content: " ";
					clear: both;
					display: block;
				}

				& + section {
					margin-top: 1em;
					//clear:both;
				}
			}

			ul {
				p { margin-bottom: .5em; }
			}
		}
	}
}

#page-theater {
	@extend %resume;

    figure.headshot {
      max-height: 12rem;
    }
}