make babycode guide use generic class names

This commit is contained in:
2025-12-04 06:24:24 +03:00
parent c70f13d069
commit 88f80c38cc
6 changed files with 51 additions and 51 deletions

View File

@@ -861,24 +861,24 @@ $thread_info_post_preview_margin_right: $post_inner_padding_right !default;
margin-right: $thread_info_post_preview_margin_right;
}
$babycode_guide_section_background: $ACCENT_COLOR !default;
$babycode_guide_section_padding: $SMALL_PADDING $BIG_PADDING !default;
$babycode_guide_section_border: $DEFAULT_BORDER !default;
$babycode_guide_section_padding_right: $post_inner_padding_right !default;
.babycode-guide-section {
background-color: $babycode_guide_section_background;
padding: $babycode_guide_section_padding;
border: $babycode_guide_section_border;
padding-right: $babycode_guide_section_padding_right;
$guide_section_background: $ACCENT_COLOR !default;
$guide_section_padding: $SMALL_PADDING $BIG_PADDING !default;
$guide_section_border: $DEFAULT_BORDER !default;
$guide_section_padding_right: $post_inner_padding_right !default;
.guide-section {
background-color: $guide_section_background;
padding: $guide_section_padding;
border: $guide_section_border;
padding-right: $guide_section_padding_right;
}
$babycode_guide_toc_width: 300px !default;
$babycode_guide_column_guide: $ZERO_PADDING !default;
.babycode-guide-container {
$guide_toc_width: 300px !default;
$guide_column_guide: $ZERO_PADDING !default;
.guide-container {
display: grid;
grid-template-columns: 1.5fr $babycode_guide_toc_width;
grid-template-columns: 1.5fr $guide_toc_width;
grid-template-rows: 1fr;
gap: $babycode_guide_column_guide;
gap: $guide_column_guide;
grid-auto-flow: row;
grid-template-areas:
"guide-topics guide-toc";
@@ -889,21 +889,21 @@ $babycode_guide_column_guide: $ZERO_PADDING !default;
overflow: hidden;
}
$babycode_guide_toc_padding: $MEDIUM_PADDING !default;
$babycode_guide_toc_background: $BUTTON_COLOR !default;
$babycode_guide_toc_border_radius: 8px !default;
$babycode_guide_toc_border: $DEFAULT_BORDER !default;
$guide_toc_padding: $MEDIUM_PADDING !default;
$guide_toc_background: $BUTTON_COLOR !default;
$guide_toc_border_radius: 8px !default;
$guide_toc_border: $DEFAULT_BORDER !default;
.guide-toc {
grid-area: guide-toc;
position: sticky;
top: 100px;
align-self: start;
padding: $babycode_guide_toc_padding;
border-bottom-right-radius: $babycode_guide_toc_border_radius;
background-color: $babycode_guide_toc_background;
border-right: $babycode_guide_toc_border;
border-top: $babycode_guide_toc_border;
border-bottom: $babycode_guide_toc_border;
padding: $guide_toc_padding;
border-bottom-right-radius: $guide_toc_border_radius;
background-color: $guide_toc_background;
border-right: $guide_toc_border;
border-top: $guide_toc_border;
border-bottom: $guide_toc_border;
}
.emoji-table tr td {