diff options
| author | Olivier Roques <olivier@oroques.dev> | 2020-08-02 20:39:01 +0200 |
|---|---|---|
| committer | Olivier Roques <olivier@oroques.dev> | 2020-08-02 20:39:01 +0200 |
| commit | 74058f0cae8eff8b83d02303671c0532bd492ea3 (patch) | |
| tree | 8d70b08517241bb5477a456fa3794e4e92da7aa4 /assets/sass | |
| parent | 1263088ed542e0745db78d9c969fc1dbdece58e2 (diff) | |
General update
Diffstat (limited to 'assets/sass')
| -rw-r--r-- | assets/sass/typography.scss | 52 | ||||
| -rw-r--r-- | assets/sass/variables.scss | 9 |
2 files changed, 38 insertions, 23 deletions
diff --git a/assets/sass/typography.scss b/assets/sass/typography.scss index d1a7315..24fe28d 100644 --- a/assets/sass/typography.scss +++ b/assets/sass/typography.scss @@ -4,6 +4,22 @@ a { @extend %link-default; } + blockquote { + border-left: 4px solid; + font-style: italic; + margin: $margin-y 0; + padding: 8px 8px; + & p { + margin: 0; + } + } + code { + color: $green; + } + img { + display: block; + margin: $margin-y auto; + } ol { counter-reset: list; list-style: none; @@ -18,6 +34,9 @@ } } } + pre code { + color: inherit; + } ul { list-style: inside; padding-left: 0; @@ -25,26 +44,6 @@ margin: 4px 0; } } - blockquote { - border-left: 4px solid; - font-style: italic; - margin: $margin-y 0; - padding: 8px 8px; - & p { - margin: 0; - } - } - .avatar > img { - border-radius: 50%; - float: right; - margin: -8px 0 0 16px; - height: $avatar-size; - width: $avatar-size; - } - img { - display: block; - margin: $margin-y auto; - } table { margin: $margin-y auto; width: 100%; @@ -63,4 +62,17 @@ } } } + .avatar > img { + border-radius: 50%; + float: right; + margin: -8px 0 0 16px; + height: $avatar-size; + width: $avatar-size; + } + .highlight { + margin: $margin-y auto; + & > pre { + padding: 8px 8px; + } + } } diff --git a/assets/sass/variables.scss b/assets/sass/variables.scss index 7565b8c..678a75b 100644 --- a/assets/sass/variables.scss +++ b/assets/sass/variables.scss @@ -1,9 +1,12 @@ -// Variables +// Sizes $max-width: 750px; -$avatar-size: 90px; $margin-y: 16px; -$red: #dc3545; +$avatar-size: 90px; + +// Colors $dark: #000000; +$green: #28a745; +$red: #dc3545; // Placeholders %link-default { |