在垂直对齐中,行内非替换元素的行内级框是由line-height的高度定义的框,也就是说在内容区的上下各会添加半个line-height后的框,其它行内元素的行内框是由margin-box定义的框。因此,对于一个行内框来说,top是指框的上边界,bottom是指框的下边界,text-top是指内容区的上边界,text-bottom是指内容区的下边界。
<path d='M 50 0 a 50 50 0 0 1 0 100 50 50 0 0 1 0 -100 v 18 a 2 2 0 0 0 0 64 2 2 0 0 0 0 -64' /> </clipPath> <foreignObject x='0' y='0' width='100' height='100' clipPath='url(#hole)'> </foreignObject> </svg> However, there is another way. This...
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...
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); >...
*/ 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 /** ...