Skip to content

smol tweaks for UserStyles.World by pabli

Screenshot of smol tweaks for UserStyles.World

Details

Authorpabli

LicenseMIT

Categoryuserstyles.world

Created

Updated

Size1.8 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Tweaks for userstyles.world - Change screenshot size, Details and Statistics next to each other, Code wrap, Hide [πŸ”—] from links and more!

Notes

Source code

/* ==UserStyle==
@name           smol tweaks for USw
@namespace      https://userstyles.world/user/pabli
@version        1.4.0
@description    Tweaks for userstyles.world - Change screenshot size, Details and Statistics next to each other, Code wrap, Hide [πŸ”—] from links and more!
@author         Pabli
@preprocessor   stylus
@var            number    imgSize    "Screenshot size %"                         ['%', 75, 0, 100, 1]
@var            select    imgH       "Enlarge screenshot on"                     ["hover", "click", "disabled"]
@var            number    imgSizeH   "Screenshot size on hover/click %"          ['%', 100, 0, 100, 1]
@var            checkbox  linkIco    "Hide [πŸ”—] from links"                      1
@var            checkbox  detStat    "Details and Statistics next to each other" 1
@var            checkbox  codeWrap   "Code wrap"                                 0

==/UserStyle== */

@-moz-document url-prefix("https://userstyles.world/style/") {

#preview > .card {
	width: imgSize
	transition: 0.3s
	margin: auto
}

if imgH == "hover" {
	#preview > .card {
		cursor: zoom-in
		&:hover {
			width: imgSizeH
		}
	}
}

if imgH == "click" {
	#preview > .card {
		cursor: zoom-in
		&:active {
			width: imgSizeH
		}
	}
}

if detStat {
	html body > main {
		container: maincontent / inline-size
		flex-direction: row
		flex-wrap: wrap
		justify-content: center
		margin: 0 auto
		max-width: var(--layout-max-width)
	}
	@container maincontent (min-width: 1280px) {
		#details, #stats {
			max-width: calc(var(--layout-max-width)/2)
		}
	}
}

if codeWrap {
	#code code {
		white-space: break-spaces
		overflow-wrap: break-word
	}
}

}
@-moz-document domain("userstyles.world") {

if linkIco {
	a[href^='/link/']::after, 
	a[href^='http']::after {
		content: unset
	}
}

}

Reviews

No reviews yet.