@teamix/typography
Version:
1 lines • 4.48 kB
CSS
.teamix-typography{word-wrap:break-word}.teamix-typography-copy,.teamix-typography-edit{visibility:hidden}.teamix-typography:hover .teamix-typography-copy,.teamix-typography:hover .teamix-typography-edit{visibility:visible}.teamix-typography.teamix-typography-secondary{color:var(--color-text1-2)}.teamix-typography.teamix-typography-success{color:var(--color-success-5)}.teamix-typography.teamix-typography-warning{color:var(--color-warning-5)}.teamix-typography.teamix-typography-danger{color:var(--color-error-5)}a.teamix-typography.teamix-typography-danger:active,a.teamix-typography.teamix-typography-danger:focus,a.teamix-typography.teamix-typography-danger:hover{color:var(--color-error-6);cursor:pointer}.teamix-typography.teamix-typography-disabled{color:var(--color-text1-1);cursor:not-allowed;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.teamix-typography p,div.teamix-typography{margin-bottom:1em}a.teamix-typography-ellipsis,span.teamix-typography-ellipsis{display:inline-block}.teamix-typography code{margin:0 .2em;padding:.2em .4em .1em;font-size:85%;background:hsla(0,0%,58.8%,.1);border:1px solid hsla(0,0%,39.2%,.2);border-radius:3px}.teamix-typography kbd{margin:0 .2em;padding:.15em .4em .1em;font-size:90%;background:hsla(0,0%,58.8%,.06);border:solid hsla(0,0%,39.2%,.2);border-width:1px 1px 2px;border-radius:3px}.teamix-typography mark{padding:0;background-color:var(--color-warning-2)}.teamix-typography ins,.teamix-typography u{text-decoration:underline;-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}.teamix-typography del,.teamix-typography s{text-decoration:line-through}.teamix-typography strong{font-weight:700;font-weight:var(--font-weight-3,700)}.teamix-typography-copy,.teamix-typography-edit,.teamix-typography-expand{color:var(--color-link-1);text-decoration:none;outline:none;cursor:pointer;-webkit-transition:color .3s;transition:color .3s;margin-left:4px}.teamix-typography-copy:focus,.teamix-typography-copy:hover,.teamix-typography-edit:focus,.teamix-typography-edit:hover,.teamix-typography-expand:focus,.teamix-typography-expand:hover{color:var(--color-link-2)}.teamix-typography-copy:active,.teamix-typography-edit:active,.teamix-typography-expand:active{color:var(--color-link-3)}.teamix-typography-copy-success,.teamix-typography-copy-success:focus,.teamix-typography-copy-success:hover{color:var(--color-success-5)}.teamix-typography-edit-content{position:relative}div.teamix-typography-edit-content{left:-9px;margin-top:calc(var(--input-multiple-font-size)/2 - 9px);margin-bottom:calc(1em - 2px)}.teamix-typography-edit-content-confirm{position:absolute;right:5px;bottom:5px;color:var(--color-text1-2);pointer-events:none}.teamix-typography-edit-content textarea{-moz-transition:none}.teamix-typography ol,.teamix-typography ul{margin:0 0 1em;padding:0}.teamix-typography ol li,.teamix-typography ul li{margin:0 0 0 20px;padding:0 0 0 4px}.teamix-typography ul{list-style-type:circle}.teamix-typography ul ul{list-style-type:disc}.teamix-typography ol{list-style-type:decimal}.teamix-typography blockquote,.teamix-typography pre{margin:1em 0}.teamix-typography pre{padding:.4em .6em;white-space:pre-wrap;word-wrap:break-word;background:hsla(0,0%,58.8%,.1);border:1px solid hsla(0,0%,39.2%,.2);border-radius:3px}.teamix-typography pre code{display:inline;margin:0;padding:0;font-size:inherit;font-family:inherit;background:transparent;border:0}.teamix-typography blockquote{padding:0 0 0 .6em;border-left:4px solid hsla(0,0%,39.2%,.2);opacity:.85}.teamix-typography-ellipsis-single-line{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}a.teamix-typography-ellipsis-single-line,span.teamix-typography-ellipsis-single-line{vertical-align:bottom}.teamix-typography-ellipsis-multiple-line{display:-webkit-box;overflow:hidden;-webkit-line-clamp:3;/*! autoprefixer: ignore next */-webkit-box-orient:vertical}.teamix-typography-rtl{direction:rtl}.teamix-typography-rtl .teamix-typography-copy,.teamix-typography-rtl .teamix-typography-edit,.teamix-typography-rtl .teamix-typography-expand{margin-right:4px;margin-left:0}.teamix-typography-rtl .teamix-typography-expand{float:left}div.teamix-typography-edit-content.teamix-typography-rtl{right:-9px;left:auto}.teamix-typography-rtl .teamix-typography-edit-content-confirm{right:auto;left:10px}.teamix-typography-rtl.teamix-typography ol li,.teamix-typography-rtl.teamix-typography ul li{margin:0 20px 0 0;padding:0 4px 0 0}