Loading video...

Video Failed to Load

Go Home

scrollbar-width: thin + extra padding for sheets

raunofreiberg's profile picture

rauno

93,481 subscribers

25,283 views • 14 days ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

From metal sheets to ultra-thin heat sinks
0:10

From metal sheets to ultra-thin heat sinks

Interesting AF

916,549 views • 1 year ago

New AP Royal Oak Extra Thin
0:11

New AP Royal Oak Extra Thin

Shtreetwear

410,105 views • 2 years ago

This guy built a custom scrollbar with section headers for his portfolio 👀
0:15

This guy built a custom scrollbar with section headers for his portfolio 👀

Adam KP

46,221 views • 5 months ago

We’re working on new pads that combines our digi thigh padding, hip padding, and butt padding into one seamless piece for a curvier silhouette 💅
0:18

We’re working on new pads that combines our digi thigh padding, hip padding, and butt padding into one seamless piece for a curvier silhouette 💅

Furesh 🫧

15,303 views • 3 months ago

Look, if you want to be a space bounty hunter in my crew, you’ll have to put on this suit, head and all. The extra padding is for shock absorbance.
0:18

Look, if you want to be a space bounty hunter in my crew, you’ll have to put on this suit, head and all. The extra padding is for shock absorbance.

Annie Oak - オーキド • アニー

13,971 views • 2 months ago

Drew your lines too thick? Too thin? It happens😭 With vector layers in Clip Studio Paint, you can easily adjust line width even after you've finished drawing ✨ #clipstudiopaint #digitalart
0:11

Drew your lines too thick? Too thin? It happens😭 With vector layers in Clip Studio Paint, you can easily adjust line width even after you've finished drawing ✨ #clipstudiopaint #digitalart

CLIP STUDIO PAINT

77,651 views • 1 month ago

Next.js automatically determines width and height for imported images
0:12

Next.js automatically determines width and height for imported images

Alex Sidorenko

113,188 views • 1 year ago

7 Shoulder Builders for Capped 3D Delts & Maximum Width 1.
0:16

7 Shoulder Builders for Capped 3D Delts & Maximum Width 1.

Fitness Endeavor

48,151 views • 2 months ago

Experts claim that busty vtubers are extra-susceptible to becoming flattened due to 'natural causes', like this huge roller appearing out of thin air! Commission for BrassicaTF (DA: #平面化 #flattened #flattening
0:15

Experts claim that busty vtubers are extra-susceptible to becoming flattened due to 'natural causes', like this huge roller appearing out of thin air! Commission for BrassicaTF (DA: #平面化 #flattened #flattening

WhompFlats

24,935 views • 1 year ago

When you reach a certain rank on the global bully charts, you develop the ability to summon extra stones out of thin air...
0:10

When you reach a certain rank on the global bully charts, you develop the ability to summon extra stones out of thin air...

Kannas Ricebowl

448,236 views • 10 months ago

GIVEAWAY 🔥 You asked for it — we’re giving away our most-requested sleep duo: 🛏️ A set of Layla Sheets and our dreamy Mattress Topper To enter: ✅ Follow Layla Sleep ❤️ Like this post 💬 Reply with your favorite sleep position 🔁 BONUS: Repost for an extra entry! Ends Aug 14. U.S. only. Sweet dreams 😴 #Giveaway #LaylaSleep #SleepUpgrade #LaylaTopper #Sheets
0:19

GIVEAWAY 🔥 You asked for it — we’re giving away our most-requested sleep duo: 🛏️ A set of Layla Sheets and our dreamy Mattress Topper To enter: ✅ Follow Layla Sleep ❤️ Like this post 💬 Reply with your favorite sleep position 🔁 BONUS: Repost for an extra entry! Ends Aug 14. U.S. only. Sweet dreams 😴 #Giveaway #LaylaSleep #SleepUpgrade #LaylaTopper #Sheets

Layla Sleep

20,620 views • 1 year ago

Eze and Gyökeres signing for Birmingham City next season so they can continue stat padding against Tottenham
0:13

Eze and Gyökeres signing for Birmingham City next season so they can continue stat padding against Tottenham

Troll Football

261,231 views • 5 months ago

Seems like a good opportunity to share a trick I used on the React Aria website to make headings scale to fit the viewport on mobile, even with SSR. I used fontkit, a library I wrote 10 years ago to parse fonts and layout glyphs, to measure the width of the heading at build time in the "em" unit. width = font.layout('DateRangePicker').advanceWidth / font.unitsPerEm This is a size independent measurement using the font's internal metrics. When multiplied by any font size, you get the pixel width of the text. To calculate the font size, set this as a CSS variable and divide the target width (100vw minus padding). Clamp to make sure it doesn't get too big or small. font-size: clamp(35px, (100vw - 32px) / var(--text-width), 55px) And tada! You have perfectly scaling text no matter the viewport size. 🎉
0:15

Seems like a good opportunity to share a trick I used on the React Aria website to make headings scale to fit the viewport on mobile, even with SSR. I used fontkit, a library I wrote 10 years ago to parse fonts and layout glyphs, to measure the width of the heading at build time in the "em" unit. width = font.layout('DateRangePicker').advanceWidth / font.unitsPerEm This is a size independent measurement using the font's internal metrics. When multiplied by any font size, you get the pixel width of the text. To calculate the font size, set this as a CSS variable and divide the target width (100vw minus padding). Clamp to make sure it doesn't get too big or small. font-size: clamp(35px, (100vw - 32px) / var(--text-width), 55px) And tada! You have perfectly scaling text no matter the viewport size. 🎉

Devon Govett

48,276 views • 5 months ago

text always has weird extra space above capitals and below the baseline. one-line CSS fix: `text-box: trim-both cap alphabetic;` Perfectly trims the text box to the actual glyph bounds. No more padding hacks.
0:12

text always has weird extra space above capitals and below the baseline. one-line CSS fix: `text-box: trim-both cap alphabetic;` Perfectly trims the text box to the actual glyph bounds. No more padding hacks.

zenith

73,955 views • 6 months ago

Block Tales Sticker Sheets for RDC26! Handouts are for PrimeFIRE94! 🔥
0:15

Block Tales Sticker Sheets for RDC26! Handouts are for PrimeFIRE94! 🔥

GalaxyLemons 🔜RDC26 🍋 || Sticker Store 📌

14,198 views • 23 days ago

in your eyes what’s “thin enough” for you?
0:15

in your eyes what’s “thin enough” for you?

springflingana 𓏲ּ𝄢

75,352 views • 1 year ago