@bee-design/ui
Version:
Bee Design React UI Library.
1 lines • 3.73 kB
CSS
.bee-typography{color:var(--bee-color-text-1);line-height:1.5715;word-break:break-all;white-space:normal}h1.bee-typography,h2.bee-typography,h3.bee-typography,h4.bee-typography,h5.bee-typography,h6.bee-typography{font-weight:500;margin-top:1em;margin-bottom:.5em}h1.bee-typography{font-size:36px;line-height:1.23}h2.bee-typography{font-size:32px;line-height:1.25}h3.bee-typography{font-size:28px;line-height:1.29}h4.bee-typography{font-size:24px;line-height:1.33}h5.bee-typography{font-size:20px;line-height:1.4}h6.bee-typography{font-size:16px;line-height:1.5}div.bee-typography,p.bee-typography{margin-top:0;margin-bottom:1em}.bee-typography-simple-ellipsis{display:flex;align-items:flex-end;white-space:nowrap}.bee-typography-primary{color:rgb(var(--bee-primary-6))}.bee-typography-secondary{color:var(--bee-color-text-2)}.bee-typography-success{color:rgb(var(--bee-success-6))}.bee-typography-warning{color:rgb(var(--bee-warning-6))}.bee-typography-error{color:rgb(var(--bee-danger-6))}.bee-typography-disabled{color:var(--bee-color-text-4);cursor:not-allowed}.bee-typography mark{background-color:rgb(var(--bee-yellow-4))}.bee-typography u{text-decoration:underline}.bee-typography del{text-decoration:line-through}.bee-typography b{font-weight:500}.bee-typography code{font-size:85%;color:var(--bee-color-text-2);border:1px solid var(--bee-color-neutral-3);background-color:var(--bee-color-neutral-2);padding:2px 8px;margin:0 2px;border-radius:2px}.bee-typography blockquote{margin:0;margin-bottom:1em;border-left:2px solid var(--bee-color-neutral-6);background-color:var(--bee-color-bg-2);padding-left:8px}.bee-typography ol,.bee-typography ul{padding:0;margin:0}.bee-typography ol li,.bee-typography ul li{margin-left:20px}.bee-typography ul{list-style:circle}.bee-typography-spacing-close{line-height:1.3}.bee-typography-operation-copied,.bee-typography-operation-copy{padding:2px;margin-left:2px}.bee-typography-operation-copy{cursor:pointer;color:var(--bee-color-text-2);background-color:transparent;border-radius:2px;transition:background-color .1s cubic-bezier(0,0,1,1)}.bee-typography-operation-copy:hover{color:var(--bee-color-text-2);background-color:var(--bee-color-fill-2)}.bee-typography-operation-copy:focus-visible{box-shadow:0 0 0 2px var(--bee-color-primary-light-3)}.bee-typography-operation-copied{color:rgb(var(--bee-success-6))}.bee-typography-operation-edit{padding:2px;margin-left:2px;cursor:pointer;color:var(--bee-color-text-2);background-color:transparent;border-radius:2px;transition:background-color .1s cubic-bezier(0,0,1,1)}.bee-typography-operation-edit:hover{color:var(--bee-color-text-2);background-color:var(--bee-color-fill-2)}.bee-typography-operation-edit:focus-visible{box-shadow:0 0 0 2px var(--bee-color-primary-light-3)}.bee-typography-operation-expand{color:rgb(var(--bee-primary-6));margin:0 4px;cursor:pointer}.bee-typography-operation-expand:hover{color:rgb(var(--bee-primary-5))}.bee-typography-operation-expand:focus-visible{box-shadow:0 0 0 2px var(--bee-color-primary-light-3);border-radius:var(--bee-border-radius-small)}.bee-typography-edit-content{position:relative;left:-13px;margin-right:-13px;margin-top:-5px;margin-bottom:calc(1em - 4px - 1px)}.bee-typography-rtl{direction:rtl}.bee-typography-rtl blockquote{border-right:2px solid var(--bee-color-neutral-6);padding-right:8px;padding-left:0}.bee-typography-rtl ol li,.bee-typography-rtl ul li{margin-left:0;margin-right:20px}.bee-typography-rtl .bee-typography-operation-copied,.bee-typography-rtl .bee-typography-operation-copy,.bee-typography-rtl .bee-typography-operation-edit{margin-right:2px;margin-left:0}.bee-typography-rtl .bee-typography-edit-content{left:initial;right:-13px;margin-left:-13px;margin-right:0}