diff --git a/aio/src/styles/1-layouts/_api-page.scss b/aio/src/styles/1-layouts/_api-page.scss deleted file mode 100644 index aa5e714c69..0000000000 --- a/aio/src/styles/1-layouts/_api-page.scss +++ /dev/null @@ -1,79 +0,0 @@ -.api-section { - position: relative; - - pre { - white-space: pre-wrap; - } - - table.api-table { - min-width: 680px; - - thead th { - color: white; - font-size: 16px; - background-color: $blue; - border-radius: 4px 4px 0 0; - text-transform: none; - padding: 8px 24px; - } - - tbody { - pre { - white-space: normal; - margin: 4px; - padding: 4px 16px; - } - - td, th { - padding: 0; - } - - th { - max-width: 150px; - } - } - - } -} - -.api-body { - - max-width: 1200px; - - table { - - th { - text-transform: none; - font-size: 16px; - font-weight: bold; - } - - tr { - border-bottom: 1px solid $lightgray; - } - - td { - vertical-align: middle; - } - - hr { - margin: 16px 0; - } - - tr:last-child { - border-bottom: none; - } - - &.item-table { - td { - padding: 32px; - } - } - - &.list-table { - td { - padding: 16px 24px; - } - } - } -} \ No newline at end of file diff --git a/aio/src/styles/1-layouts/_api-pages.scss b/aio/src/styles/1-layouts/_api-pages.scss new file mode 100644 index 0000000000..9755851cb2 --- /dev/null +++ b/aio/src/styles/1-layouts/_api-pages.scss @@ -0,0 +1,41 @@ +.api-body { + + max-width: 1200px; + + table { + + th { + text-transform: none; + font-size: 16px; + font-weight: bold; + } + + tr { + border-bottom: 1px solid $lightgray; + } + + td { + vertical-align: middle; + } + + hr { + margin: 16px 0; + } + + tr:last-child { + border-bottom: none; + } + + &.item-table { + td { + padding: 32px; + } + } + + &.list-table { + td { + padding: 16px 24px; + } + } + } +} \ No newline at end of file diff --git a/aio/src/styles/1-layouts/_layouts-dir.scss b/aio/src/styles/1-layouts/_layouts-dir.scss index 93311dc79d..e9d687bef6 100644 --- a/aio/src/styles/1-layouts/_layouts-dir.scss +++ b/aio/src/styles/1-layouts/_layouts-dir.scss @@ -2,7 +2,7 @@ LAYOUT STYLES ============================== */ -@import 'api-page'; +@import 'api-pages'; @import 'content-layout'; @import 'doc-viewer'; @import 'footer'; diff --git a/aio/src/styles/2-modules/_api-list.scss b/aio/src/styles/2-modules/_api-list.scss index 383c2e906e..d3428e1545 100644 --- a/aio/src/styles/2-modules/_api-list.scss +++ b/aio/src/styles/2-modules/_api-list.scss @@ -280,6 +280,7 @@ p { .code-anchor { cursor: pointer; text-decoration: none; + font-size: inherit; &:hover { text-decoration: underline; diff --git a/aio/src/styles/2-modules/_api-pages.scss b/aio/src/styles/2-modules/_api-pages.scss index 00a3bb1c9b..f368289ada 100644 --- a/aio/src/styles/2-modules/_api-pages.scss +++ b/aio/src/styles/2-modules/_api-pages.scss @@ -31,6 +31,10 @@ } .method-table, .option-table { + th { + padding: 8px 16px; + } + h3 { margin: 6px 0; font-weight: bold; @@ -87,10 +91,6 @@ } } - .api-section aio-code { - background-color: rgba(241, 241, 241, 0.2); - } - .from-constructor, .read-only-property { font-style: italic; color: $blue;