Refined Product Hunt

product-hunt.css

/* Notification icon in the header */
[data-test="notification-bell"] {
	display: none;
}

/* Hide menu items in header */
.styles_header__x7qVU > div:nth-child(3) {
	visibility: hidden;
}

/* Align header with content */
.styles_header__x7qVU {
	max-width: 1216px;
	margin: 0 auto;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/* Remove border from header */
.styles_header__x7qVU {
	box-shadow: none;
}

/* Hide discussions in product list */
[data-test^="homepage-section-"] > div > div {
	display: none;
}

[data-test^="homepage-section-"] > div > div[class] {
	display: block;
}

/* Hide comment from people you follow inside each product */
[data-test^="homepage-section-"] > div > div[class] > div > div:nth-child(2) > div:nth-child(4) {
	display: none;
}

/* Replace hover effect on products */
[data-test^="post-item-"] {
	transition: none;
	padding: 16px;
	margin: -16px;
}

[data-test^="post-item-"]:hover {
	background-image: none;
	background-color: rgba(254, 237, 230, 0.5);
}

[data-test^="ad-slot-"] {
	transition: none;
	padding: 16px;
	margin: -16px 16px -16px -16px;
}

[data-test^="ad-slot-"]:hover {
	background-image: none;
	background-color: rgba(254, 237, 230, 0.5);
}

/* Fix white background under comments number */
a.styles_comments__d63ex,
a.styles_comment__IIjVn {
	background: transparent;
}

/* Highlight ads in the product list */
a[href="/sponsor"] {
	background: #da552d;
	color: #fff;
	font-weight: 500;
	text-transform: uppercase;
	font-size: 11px;
	padding: 0 4px 0 8px;
	border-radius: 2px;
	margin-left: -8px;
	display: inline-block;
}

a[href="/sponsor"] svg {
	display: none;
}

/* Hide "Featured" / "Recommended" menu dropdown */
[data-test="feed-navigation"] {
	display: none;
}

/* Remove title of the first section */
[data-test="homepage-tagline"] {
	display: none;
}

/* Hide "You're on a streak" in sidebar */
aside > div:first-child {
	display: none;
}

/* Hide sidebar border */
aside {
	border-left: none !important;
}

/* Hide separators in sidebar */
aside hr[class] {
	visibility: hidden;
	margin-top: 24px !important;
	margin-bottom: 24px !important;
}

/* Reduce margin between section title and body */
aside > div > a:first-child {
	margin-bottom: 8px !important;
}