Insurer Brain

MediaWiki:Common.css: Difference between revisions

Browse history interactively
← Older editNewer edit →
Content deleted Content added
No edit summary
No edit summary
Line 1,063:
/* ======================================================= */
.read-pill {
display: inline-block; /* 1.Keeps Layoutthe &box Truncationsafe/whole */
displayvertical-align: inline-flexbaseline; /* Keeps it as aAligns box,perfectly allowswith flextext alignmentreading insideline */
maxwhite-widthspace: 100%nowrap; /* Prevents the "shatter" /* Preventsif it fromhits overflowing theline screenend */
vertical-align: text-bottom;/* CRITICAL: Aligns bottom of pill with text descenders */
box-sizing: border-box;
 
/* 2. Text Handling */
white-space: nowrap; /* PROFESSIONAL STD: Never wrap a pill */
overflow: hidden; /* Cuts off extra text */
font-size: 0.85em;
/* 3. Visuals */
border-radiuspadding: 100px1px 0.5em; /* FullUse capsulesmall vertical padding to prevent line-height shapeissues */
border-radius: 4px;
padding: 2px 0.6em; /* Horizontal padding gives it breath */
margin: 0 0.15em; /* Tiny gap so it doesn't touch surrounding words */
position: relative; /* Micro-tuning */
/* 4. Typography Adjustments */
font-sizetop: 0.85em-1px; /* Pills are usually 85-90% of body text/* Optical correction for the border/padding sizeweight */
font-weight: 500; /* slightly bold improves readability on colored bg */
line-height: 1.2; /* Tighter line height prevents pill from expanding the paragraph */
}
 
Retrieved from "https://www.insurerbrain.com/wiki/MediaWiki:Common.css"