@import url("variables.css");.blog___module { --codeBackgroundColor:#fffefb; .table-con{ overflow-x:auto; margin-bottom:var(--gutter); table.rpt{ margin-bottom:0px; } } table.rpt{ th, td{ &.highlight{ background-color:pink; } } &.database{ th{ background-color:var(--lightGray); } th, td{ padding:var(--gutter-quarter); border-bottom:1px solid var(--gray); } } } aside{ display:block; border-left:4px var(--gray) solid; padding-left:var(--gutter); margin-bottom:var(--gutter); } img{ display:block; margin-left:auto; margin-right:auto; max-width:100%; margin-bottom:calc(var(--gutter) * 2); border:var(--gutter) var(--bodyBackgroundColor) solid; border-radius:var(--inputBorderRadius); box-shadow:5px 5px 15px 5px var(--shadowColor); @container app-container (min-width:600px){ &.small{ max-width:400px; } &.very-small{ max-width:200px; } &.right{ float:right; margin-left:var(--gutter); } &.left{ float:left; margin-right:var(--gutter); } } } pre { overflow-x:auto; white-space:pre; word-wrap:normal; background-color:var(--codeBackgroundColor); padding:var(--gutter); border-radius:var(--inputBorderRadius); box-shadow:5px 5px 15px 5px var(--shadowColor); border-radius:var(--inputBorderRadius); margin-bottom:calc(var(--gutter) * 2); code { padding:0px; margin:0px; display:block; white-space:pre; } } .blog-hero-apitype-link { display:flex; align-items:center; .logo { --w:calc(var(--gutter) * 3); margin-right:var(--gutter); display:inline-block; height:var(--w); width:var(--w); background-size:contain; background-position:center; background-repeat:no-repeat; } @container app-container (max-width:800px){ flex-direction:column; text-align:center; } } .blog-outer { .content-con { } } .api-types-con { display:grid; grid-gap:calc(var(--gutter)); grid-template-columns:repeat(auto-fill, minmax(150px, 1fr)); .api-item-con { padding:var(--gutter-half); justify-content:flex-start; margin-left:var(--gutter-half); margin-right:var(--gutter-half); cursor:pointer; text-decoration:none; text-align:center; margin-bottom:var(--gutter); border:1px var(--brandColor) solid; background-color:var(--bodyBackgroundColor); border-radius:var(--inputBorderRadius); &:hover{ opacity:0.8; } .img { margin-bottom:var(--gutter-half); width:50px; height:50px; background-size:contain; display:block; margin-left:auto; margin-right:auto; background-repeat:no-repeat; background-position:center; } .title { font-size:var(--fontSizeSmall); color:var(--fontColor); } } }}/* Cache CSSParserMiddleware_www.synchub.io_/Pages/styles/blog.css_False_HTML_32603192352 20 Mar 02:30:04Z */