$monokai_bg = #272822
$sm =  576px
$md =  768px
$lg =  992px
$xl = 1200px

html
	background-color $base00

a
	color $base0D
	&:hover
		color $base0C

code, kbd, pre, samp, .code, .kbd, .pre, .samp
	font-family SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace

code, pre, .code, .pre
	padding .2rem .4rem
	font-size 90%
	color $base0A
	background-color $monokai_bg
	border-radius .25rem

.form-control, .form-control:focus
	background-color $base01
	border-color $base00
	color $base07

.list-group-item
	background-color $base03

[class^="openwebicons-"], [class*=" openwebicons-"]
	&::before
		text-decoration none
		line-height 1

for placement in top bottom left right
	.tippy-popper[x-placement^={placement}] .tippy-tooltip.dark-theme .tippy-arrow
		border-{placement}-color $base03

.tippy-tooltip.dark-theme
	background-color $base03
	color $base04

body
	display flex
	flex-direction column
	min-height 100vh
	background-color transparent
	color $base07
	> header
		> .navbar
			background-color $base01
			#navbar
				justify-content space-between
		> .breadcrumbs
			background-color $base02
			> .breadcrumb
				background-color transparent
				border-radius 0
				flex-wrap nowrap
				.breadcrumb-item
					white-space nowrap
					&.active
						overflow-x hidden
						text-overflow ellipsis


	> main
		padding 2rem
		width 100%
		flex 1
		display flex

	> footer
		display flex
		justify-content space-evenly
		align-items center
		margin 1rem
		margin-top 0
		text-align center
		> p, nav
			margin 0 .5rem
			&:last-child
				margin 0

		flex-wrap wrap
		> nav
			order -1
			margin-bottom 1rem
			width 100%
		@media (min-width $md)
			flex-wrap nowrap
			> nav
				order 0
				margin-bottom 0
				width unset

ul.pagination
	margin 0
	justify-content center
	li.page-item
		a.page-link
			@extends a
		.page-link
			background-color $base02
			border 1px solid rgba(0,0,0,.125)

.card
	background-color $base02

	.card-footer
		background-color $base01
		&:nth-of-type(odd)
			background-color $base02

	&.h-card
		max-width 25rem
		position sticky
		top 1rem

		.p-note
			color $base04

		.profiles
			list-style none
			text-align center
			margin 0
			padding 0
			> li
				display inline-block
				margin-right 7px
				// Special handling for http://www.kevinmarks.com/distributed-verify.html
				> svg
					margin auto 5px