diff --git a/_sass/klise/_base.scss b/_sass/klise/_base.scss index f36524b..97c7634 100644 --- a/_sass/klise/_base.scss +++ b/_sass/klise/_base.scss @@ -291,24 +291,26 @@ sup { } // Table +.overflow-table { + overflow-x: auto; +} + table { - margin: 0 auto; + margin-top: $spacing-half; border-collapse: collapse; - background: $white; font-size: $small-font-size; - th { + thead { font-weight: $bold-weight; - background: #f5f5f5; - text-align: left; - border-bottom: 2px solid #f5f5f5; + color: $black; + border-bottom: 1px solid $light; } th, td, tr { border: 1px solid $light; - padding: 4px 8px; + padding: 2px 7px; } } diff --git a/_sass/klise/_dark.scss b/_sass/klise/_dark.scss index f0a6af7..33cfecf 100644 --- a/_sass/klise/_dark.scss +++ b/_sass/klise/_dark.scss @@ -12,6 +12,20 @@ body[data-theme="dark"] { color: $dark-white; } + // Table + table { + thead { + color: $dark-white; + border-color: $dark-light; + } + + th, + td, + tr { + border-color: $dark-light; + } + } + // Post .page-content { a { diff --git a/_sass/klise/_syntax.scss b/_sass/klise/_syntax.scss index 0c884ae..b3be15a 100644 --- a/_sass/klise/_syntax.scss +++ b/_sass/klise/_syntax.scss @@ -8,9 +8,10 @@ code { word-spacing: normal; word-break: normal; word-wrap: normal; - font-size: 16px; + font-size: inherit; + &.highlighter-rouge { - padding: 1px 4px; + padding: 1px 3px; position: relative; top: -1px; background-color: #f6f6f6;