summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2022-02-13 21:05:19 +0100
committerVolpeon <git@volpeon.ink>2022-02-13 21:05:19 +0100
commit6d4f8e2b2e8fde38efcc3f13fbe6188abed5a24a (patch)
tree87b1119f57c00b3f0884d29f23bf0599ddc8b62d
parentUpdate (diff)
downloadiro-design-6d4f8e2b2e8fde38efcc3f13fbe6188abed5a24a.tar.gz
iro-design-6d4f8e2b2e8fde38efcc3f13fbe6188abed5a24a.tar.bz2
iro-design-6d4f8e2b2e8fde38efcc3f13fbe6188abed5a24a.zip
Added monospace font
-rw-r--r--src/_base.scss32
-rw-r--r--src/_declare-vars.scss4
2 files changed, 36 insertions, 0 deletions
diff --git a/src/_base.scss b/src/_base.scss
index 814e491..61dae42 100644
--- a/src/_base.scss
+++ b/src/_base.scss
@@ -1,3 +1,4 @@
1@use 'sass:math';
1@use 'iro-sass/src/index' as iro; 2@use 'iro-sass/src/index' as iro;
2@use 'functions' as fn; 3@use 'functions' as fn;
3@use 'mixins' as mx; 4@use 'mixins' as mx;
@@ -16,6 +17,21 @@ body {
16 color: fn.color(--fg); 17 color: fn.color(--fg);
17} 18}
18 19
20pre,
21code {
22 @include mx.set-font(--mono, (--size: fn.dim(--font-size --sm)));
23}
24
25pre {
26 margin: 0;
27 overflow-x: auto;
28
29 code {
30 color: currentColor;
31 font-size: 1em;
32 }
33}
34
19h1, 35h1,
20h2, 36h2,
21h3, 37h3,
@@ -87,6 +103,22 @@ textarea {
87 } 103 }
88} 104}
89 105
106input,
107textarea {
108 &::placeholder {
109 opacity: 1;
110 color: fn.color(--obj);
111 }
112
113 &:disabled {
114 color: fn.color(--fg-hi);
115 }
116}
117
118textarea {
119 height: calc(1em * fn.dim(--font --standard --line-height));
120}
121
90::selection { 122::selection {
91 background: fn.color(--selection --bg); 123 background: fn.color(--selection --bg);
92 color: fn.color(--selection --fg); 124 color: fn.color(--selection --fg);
diff --git a/src/_declare-vars.scss b/src/_declare-vars.scss
index d81b299..27245ba 100644
--- a/src/_declare-vars.scss
+++ b/src/_declare-vars.scss
@@ -34,6 +34,10 @@
34 --family: ('IBM Plex Sans', 'Open Sans', 'Segoe UI', 'Droid Sans', Roboto, Oxygen, 'Helvetica Neue', Helvetica, Tahoma, Arial, sans-serif), 34 --family: ('IBM Plex Sans', 'Open Sans', 'Segoe UI', 'Droid Sans', Roboto, Oxygen, 'Helvetica Neue', Helvetica, Tahoma, Arial, sans-serif),
35 --line-height: 1.2, 35 --line-height: 1.2,
36 --weight: 700, 36 --weight: 700,
37 ),
38 --mono: (
39 --family: ('Iosevka Term SS09', 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace),
40 --line-height: 1.4,
37 ) 41 )
38 ), 42 ),
39 43