Widget:SpriteDoc.css

From Alex's Caves Wiki
Jump to navigation Jump to search

<style>

  1. spritedoc {

clear: both; }

.spritedoc-section { margin-top: 0.3em; } .spritedoc-section > h3 { padding-top: 0; margin-top: 0; }

  1. spritedoc .spritedoc-boxes {
   display: flex;
   flex-wrap: wrap;
   padding: 0 0 1px 1px;
   margin: 0.5em 0;

} .spritedoc-box {

   position: relative;
   display: flex;
   align-items: center;
   padding: 0.5em;
   background: var(--theme-page-background-color--secondary);
   border: 1px solid var(--theme-border-color);
   margin: 0 0 -1px -1px;

}

.spritedoc-image { /* Non-flex fallback */ display: inline-block; /* Non-flex fallback */ vertical-align: middle; margin-right: 0.5em; line-height: 0; }

  1. spritedoc .spritedoc-names {

/* Non-flex fallback */ display: inline-block; /* Non-flex fallback */ vertical-align: middle; width: 14em; margin: 0; /* Non-flex fallback */ list-style: none; } .spritedoc-name { line-height: 1.2; margin-bottom: 0.3em; } .spritedoc-name:last-child { margin: 0; } .spritedoc-name > code { display: inline-block; border: 0; border-radius: 0; padding: 0; word-wrap: break-word; /* Necessary to make word-wrap work */ max-width: 14em; } .spritedoc-name > .spritedoc-deprecated {

   background-color: rgb(255 210 33 / 30%);

} </style>