min-height: 100vh; } h1 { font-size: 3.2em; line-height: 1.1; } @layer base { body { @apply bg-[#f9f9f9] font-sans; } button { border-radius: 8px; border: 1px solid transparent; padding: 0.6em 1.2em; font-size: 1em; font-weight: 500; font-family: inherit; background-col...
height: 100%; font-family: 'gg sans', 'Noto Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-family: 'gg sans', 'Noto Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; } .App.dark { Expand Down 2 changes: 1 addition & 1 deletion 2 src/client/index.html Sho...
在垂直对齐中,行内非替换元素的行内级框是由line-height的高度定义的框,也就是说在内容区的上下各会添加半个line-height后的框,其它行内元素的行内框是由margin-box定义的框。因此,对于一个行内框来说,top是指框的上边界,bottom是指框的下边界,text-top是指内容区的上边界,text-bottom是指内容区的下边界。
setProgress]=useState(0)useEffect(()=>{functionupdateScroll(){// 已经滚动的高度constcurrentScrollY=window.scrollY// 可以滚动的高度letscrollHeight=document.body.scrollHeight-window.innerHeightif(scrollHeight){setProgress(Number((currentScrollY/scrollHeight).toFixed(2))*100)}}// 添加全局滚动事件的监...
*/ infinite?: boolean /** Defines the lenght of the scroll area, each page is height:100%, default 1 */ pages?: number /** A factor that increases scroll bar travel, default 1 */ distance?: number /** Friction in seconds, default: 0.2 (1/5 second) */ damping?: number /** ...
none; border: @btn-border-width @btn-border-style transparent; box-shadow: @btn-shadow; cursor: pointer; transition: all 0.3s @ease-in-out; user-select: none; touch-action: manipulation; .button-size(@btn-height-base; @btn-padding-base; @font-size-base; @btn-border-radius-base); >...