yagich/pyrom
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add Atkinson Hyperlegible Mono font for textarea, normalize css a bit

Browse Source
This commit is contained in:
Lera Elvoé
2025-12-04 04:44:32 +03:00
parent 3baccb87b1
commit 062cab44bc
7 changed files with 129 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
sass/_default.scss
View File

@@ -95,14 +95,32 @@ $DEFAULT_BORDER_RADIUS: 4px !default;
font-style: italic;
}
@font-face {
font-family: "Atkinson Hyperlegible Mono";
src: url("/static/fonts/AtkinsonHyperlegibleMono-VariableFont_wght.ttf");
font-weight: 125 950;
font-style: normal;
}
@font-face {
font-family: "Atkinson Hyperlegible Mono";
src: url("/static/fonts/AtkinsonHyperlegibleMono-Italic-VariableFont_wght.ttf");
font-weight: 125 950;
font-style: italic;
}
*, ::before, ::after {
box-sizing: border-box;
}
$button_border: $DEFAULT_BORDER !default;
$button_padding: $SMALL_PADDING $BIG_PADDING !default;
$button_border_radius: $DEFAULT_BORDER_RADIUS !default;
$button_margin: $MEDIUM_PADDING $ZERO_PADDING !default;
%button-base {
cursor: default;
font-size: 0.9em;
font-family: "Cadman";
font-size: 1rem;
font-family: "Cadman", sans-serif;
text-decoration: none;
border: $button_border;
border-radius: $button_border_radius;
@@ -154,7 +172,7 @@ $navbar_margin: 0 !default;
$body_margin: $BIG_PADDING $PAGE_SIDE_MARGIN !default;
body {
font-family: "Cadman";
font-family: "Cadman", sans-serif;
// font-size: 18px;
margin: $body_margin;
background-color: $MAIN_BG;
@@ -340,6 +358,10 @@ $signature_container_padding: $MEDIUM_PADDING $ZERO_PADDING !default;
padding: $signature_container_padding;
}
code {
font-family: "Atkinson Hyperlegible Mono", monospace;
}
$code_background_color: $DARK_3 !default;
$code_font_color: white !default;
$code_border_radius: 8px !default;
@@ -444,7 +466,7 @@ $copy_code_border: 2px solid black !default;
display: flex;
justify-content: space-between;
align-items: baseline;
font-family: "Cadman";
font-family: "Cadman", sans-serif;
border-top-right-radius: $code_border_radius;
border-top-left-radius: $code_border_radius;
background-color: $copy_code_header_background;
@@ -684,16 +706,21 @@ input[type="text"], input[type="password"], textarea, select {
border-radius: $text_input_border_radius;
padding: $text_input_padding;
width: 100%;
box-sizing: border-box;
resize: vertical;
color: $text_input_font_color;
background-color: $text_input_background;
font-size: 100%;
font-family: inherit;
&:focus {
background-color: $text_input_background_focus;
}
}
textarea {
font-family: "Atkinson Hyperlegible Mono", monospace;
}
$infobox_info_color: #81a3e6 !default;
$infobox_critical_color: #ed8181 !default;
$infobox_warn_color: #fbfb8d !default;
@@ -1020,7 +1047,6 @@ $post_editing_context_margin: $BIG_PADDING $ZERO_PADDING !default;
.babycode-editor {
height: 150px;
font-size: 1rem;
}
.babycode-editor-container {
@@ -1113,7 +1139,6 @@ $accordion_margin: $MEDIUM_PADDING $SMALL_PADDING !default;
.accordion {
border-top-right-radius: $accordion_border_radius;
border-top-left-radius: $accordion_border_radius;
box-sizing: border-box;
border: $accordion_border;
margin: $accordion_margin;
overflow: hidden; // for border-radius clipping