diff options
| -rw-r--r-- | content/assets/stylesheets/highlight.scss | 8 | ||||
| -rw-r--r-- | content/assets/stylesheets/stylesheet.scss | 9 |
2 files changed, 8 insertions, 9 deletions
diff --git a/content/assets/stylesheets/highlight.scss b/content/assets/stylesheets/highlight.scss index ad7deb9a..dd15866f 100644 --- a/content/assets/stylesheets/highlight.scss +++ b/content/assets/stylesheets/highlight.scss @@ -4,7 +4,7 @@ version: 6 /* https://github.com/idleberg/base16-pygments/blob/master/css/base16-ocean.dark.css */ pre.highlight { - padding: 10px 15px; + padding: 0; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15); border-radius: 3px; @@ -15,11 +15,11 @@ pre.highlight { // Code itself code { + padding: 13px 33px 13px 15px; // 33px: the width of the .clip-btn display: block; - border-color: transparent; color: inherit; - background-color: transparent; - overflow-x: scroll; + overflow-x: auto; + background: transparent; } .hll { background-color: #4f5b66 } diff --git a/content/assets/stylesheets/stylesheet.scss b/content/assets/stylesheets/stylesheet.scss index 395c180f..7ad029b8 100644 --- a/content/assets/stylesheets/stylesheet.scss +++ b/content/assets/stylesheets/stylesheet.scss @@ -93,10 +93,11 @@ pre { .clip-btn { display: inline-block; - padding: 5px; + padding: 10px; padding-left: 10px; - right: 5px; - top: 5px; + padding-top: 13px; + right: 0; + top: 0; cursor: pointer; position: absolute; color: $white; @@ -116,8 +117,6 @@ pre { &:hover { .clip-btn { - background-color: $pre-code-color; - i { opacity: 1; } |