Media Recs

Nav Menu

What I'm reading and watching

Content

Content

NameExcerpt
1
2
© Copyright 2021 ericday.me
css before 4
:root {
	--transition: all .2s ease-in-out!important;
	--color-text-gray: #808c99!important;
	--rounded: 8px!important
}

.notion-image img {
	border-radius: var(--rounded)!important
}

.notion-image.page-width img {
	border-radius: 0!important;
}

.notion-collection-gallery {
	/*grid-template-columns: 1fr!important;
	grid-gap: 40px!important; */
	border: none!important;
	padding: 0!important;
	display: flex;
}

.notion-collection-gallery:hover .notion-collection-card {
	opacity: .6
}

.notion-collection-card {
	transition: var(--transition)!important;
	/* align-items: center!important; */
	/* flex-direction: row!important; */
	position: relative!important;
	box-shadow: none!important;
	display: flex!important;
	border: none!important;
	/* height: 300px; */
}

.notion-collection-card:hover {
	background: 0 0!important;
	opacity: 1!important;
}

.notion-collection-card__cover,
.notion-collection-card__cover div,
.notion-collection-card__cover img {
	max-height: 100%!important;
	height: auto !important;
	width: 100% !important;
}

.notion-collection-card__cover {
	border-radius: var(--rounded)!important;
	position: relative!important;
	border: none!important;
	flex: 1!important;
}

.notion-collection-card__content {
	padding-left: 20px!important;
	position: relative!important;
	flex: 1!important;
}

.notion-collection-card__content span {
	white-space: normal !important;
}

.notion-property__text {
	margin: 0px !important;
	/*font-size: 24px!important; */
}

.notion-quote {
	border-left: 1px solid!important;
}

@media (max-width:800px) {
	.notion-header__title {
		font-size: 40px!important
	}
	.notion-collection-card {
		display: block!important;
		height: auto!important
	}
	.notion-collection-card__content,
	.notion-collection-card__cover {
		padding: 0!important;
		flex: auto!important
	}
	.notion-collection-card__cover {
		margin-bottom: 20px!important;
		min-height: 200px!important
	}
}

 h3.notion-collection__header {display:none !important;}


.notion-collection-card__cover.small, .notion-collection-card__cover.small>div, .notion-collection-card__cover.small img {
	object-position: top !important;
}

.notion-collection-card__content.no-title {
    display: block !important;
}
css with 4 working!!!!
:root {
	--transition: all .2s ease-in-out!important;
	--color-text-gray: #808c99!important;
	--rounded: 8px!important
}

[id*="books-"] .notion-image img {
	border-radius: var(--rounded)!important;
}

[id*="books"] .notion-collection-card__content.no-title {
    display: block !important;
}

[id*="books-"] .notion-image.page-width img {
	border-radius: 0!important;
}

[id*="books-"] .notion-collection-gallery {
    display: grid;
    grid-auto-rows: 1fr;	
    border: none!important;
	padding: 0!important;
}

[id*="books-"] .notion-collection-gallery:hover .notion-collection-card {
	opacity: .6
}

[id*="books"] .notion-collection-card {
	transition: var(--transition)!important;
	position: relative!important;
	box-shadow: none!important;
	display: flex!important;
	border: none!important;
	height: auto;
	transform: scale(1.02) !important;
    background: none !important;
    opacity: 1 !important;
    filter: grayscale(0) !important;
}

[id*="books"] .notion-collection-card:hover {
	background: 0 0!important;
	opacity: 1!important;
	transform: scale(1.02) !important;
	background: none !important;
	filter: grayscale(0) !important;
}

[id*="books"]  .notion-collection-card__cover,
[id*="books"] .notion-collection-card__cover div,
[id*="books"] .notion-collection-card__cover img {
    width: auto !important;
    margin: 0 !important;
    height: 100% !important;
    object-fit: contain !important;
 }

[id*="books"] .notion-collection-card__cover {
	border-radius: var(--rounded)!important;
	position: relative!important;
	border: none!important;
	flex: 1!important;
	max-width: 148px;
}

[id*="books"] .notion-collection-card__content {
	padding-left: 10px!important;
	position: relative!important;
	flex: 1 !important;
}

[id*="books"] .notion-collection-card__content span {
	white-space: normal !important;
}

[id*="books"] .notion-property__text {
	margin: 0px !important;
	/*font-size: 24px!important; */
}

[id*="books"] .notion-quote {
	border-left: 1px solid!important;
}

@media (max-width:800px) {
	[id*="books"] .notion-header__title {
		font-size: 40px!important
	}
	[id*="books"] .notion-collection-card {
		display: block!important;
		height: auto!important
	}
	[id*="books"] .notion-collection-card__content,
	[id*="books"] .notion-collection-card__cover {
		padding: 0!important;
		flex: auto!important
	}
	[id*="books"] .notion-collection-card__cover {
		margin-bottom: 20px!important;
		min-height: 200px!important
	}
}

.notion-collection-card__property {}

.notion-property.notion-property__text.property-4d757046 {
    font-size: 20px;
    font-weight: 500;
}