aboutsummaryrefslogtreecommitdiff
path: root/assets/sass
diff options
context:
space:
mode:
authorOlivier Roques <olivier@oroques.dev>2020-08-02 20:39:01 +0200
committerOlivier Roques <olivier@oroques.dev>2020-08-02 20:39:01 +0200
commit74058f0cae8eff8b83d02303671c0532bd492ea3 (patch)
tree8d70b08517241bb5477a456fa3794e4e92da7aa4 /assets/sass
parent1263088ed542e0745db78d9c969fc1dbdece58e2 (diff)
General update
Diffstat (limited to 'assets/sass')
-rw-r--r--assets/sass/typography.scss52
-rw-r--r--assets/sass/variables.scss9
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 {