mirror of
https://github.com/jambonz/next-static-site.git
synced 2025-12-19 04:47:44 +00:00
db94b17829
* Adding latest news and banners * Adding first draft of cypress specs and github actions workflow * Adding sticky position for top banner * Tweak styles for new latest news section * Tweak styles for text__layout innerHTML * Fix Cypress homepage test spec * Fix mobile navi z-index with sticky top banner * Fix sticky banner z-index bug with mobile navi * Refactor markdown tools to support pages beyond developer docs * Adjust TADHACK text max-widths for small mobile * initial changes for open source copy * more copy * more copy * updated open source structure * minor * typo * more copy * Adjust styles for Open Source markdown small text * Update readme and remove floats from docs webhooks markdown * Add readme notes on Cypress and flesh out navi spec tests * Fix main navi highlight when on sub-sections of markdown pages Co-authored-by: Dave Horton <daveh@beachdognet.com>
103 lines
1.5 KiB
SCSS
103 lines
1.5 KiB
SCSS
.text__layout {
|
|
max-width: $width-tablet-2;
|
|
width: 100%;
|
|
margin: 0 auto;
|
|
|
|
@media (max-width: $width-tablet-1) {
|
|
max-width: 100%;
|
|
}
|
|
|
|
&__wrap {
|
|
> :first-child {
|
|
margin-top: 0;
|
|
}
|
|
|
|
h1 {
|
|
@include h2();
|
|
}
|
|
|
|
h2 {
|
|
@include h3();
|
|
}
|
|
|
|
sup {
|
|
color: $jambonz;
|
|
}
|
|
|
|
> p, > blockquote > p {
|
|
@include ms();
|
|
}
|
|
|
|
> blockquote {
|
|
padding-left: 16px;
|
|
|
|
> p {
|
|
font-family: $font-regular-italic;
|
|
border-left: 3px solid $jambonz;
|
|
padding-left: 10px;
|
|
}
|
|
}
|
|
|
|
> h1, > h2, > h3, > h4, > h5, > h6, > p, > div, > ul, > ol, > table, > blockquote {
|
|
margin: 16px 0;
|
|
}
|
|
|
|
> ol {
|
|
padding-left: 16px;
|
|
|
|
> li {
|
|
list-style-type: decimal;
|
|
margin: 16px 0;
|
|
|
|
&::marker, > p {
|
|
@include p();
|
|
font-size: 14px;
|
|
}
|
|
}
|
|
}
|
|
|
|
> ul {
|
|
padding-left: 32px;
|
|
|
|
li {
|
|
list-style-type: disc;
|
|
@include ms();
|
|
}
|
|
}
|
|
|
|
> table {
|
|
@include ms();
|
|
width: 100%;
|
|
|
|
td, th {
|
|
padding: 8px 12px;
|
|
border: 1px solid $grey-light;
|
|
}
|
|
|
|
th {
|
|
@include font-bold();
|
|
}
|
|
|
|
tbody {
|
|
tr:nth-child(odd) {
|
|
background-color: $grey;
|
|
}
|
|
}
|
|
}
|
|
|
|
code[class*="language-"],
|
|
pre[class*="language-"] {
|
|
font-size: 0.82em;
|
|
|
|
@media (max-width: $width-tablet-1) {
|
|
font-size: 13px;
|
|
}
|
|
}
|
|
|
|
code:not([class*="language-"]) {
|
|
font-family: $font-mono;
|
|
font-size: 13px;
|
|
}
|
|
}
|
|
}
|