@atlaskit/inline-message
Version:
An inline message lets users know when important information is available or when an action is required.
33 lines • 1.64 kB
CSS
._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
._2rko1qi0{border-radius:var(--ds-radius-medium,6px)}
._18zrze3t{padding-inline:var(--ds-space-0,0)}
._1rjcze3t{padding-block:var(--ds-space-0,0)}
._18m91wug{overflow-y:auto}
._1bsb1wug{width:auto}
._1e0c116y{display:inline-flex}
._1e0c1o8l{display:inline-block}
._1q51pxbi{padding-block-start:var(--ds-space-200,1pc)}
._1reo1wug{overflow-x:auto}
._1yyu1kum:hover [data-ds--inline-message--icon]{color:var(--icon-accent-color)}
._4cvr1q9y{align-items:baseline}
._4t3i1wug{height:auto}
._85i5pxbi{padding-block-end:var(--ds-space-200,1pc)}
._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
._bozg1ejb{padding-inline-start:var(--ds-space-300,24px)}
._c71llti4{max-height:28pc}
._kqswh2mm{position:relative}
._o5721q9c{white-space:nowrap}
._p12f1osq{max-width:100%}
._p12flti4{max-width:28pc}
._s7n41q9y{vertical-align:baseline}
._syazazsu{color:var(--ds-text-subtle,#505258)}
._x5v91ft0{--icon-accent-color:var(--ds-icon-brand,#1868db)}
._x5v94pcx{--icon-accent-color:var(--ds-icon-success,#6a9a23)}
._x5v9ervl{--icon-accent-color:var(--ds-icon-warning,#e06c00)}
._x5v9qm1h{--icon-accent-color:var(--ds-icon-discovery,#af59e1)}
._x5v9s4qr{--icon-accent-color:var(--ds-icon-danger,#c9372c)}
._y4ti1ejb{padding-inline-end:var(--ds-space-300,24px)}
._y2mv1w7i:focus{outline:var(--ds-border-width,1px) solid}
._1bnx8stv:hover{text-decoration-line:underline}
._9oik1r31:hover{text-decoration-color:currentColor}
._jf4cnqa1:hover{text-decoration-style:solid}