make babycode guide use generic class names
This commit is contained in:
@@ -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 {
|
||||
|
||||
@@ -59,8 +59,8 @@ $br: 8px;
|
||||
|
||||
$post_accordion_content_background: #2d212d,
|
||||
|
||||
$babycode_guide_toc_background: #3c233c,
|
||||
$babycode_guide_section_background: $dark_accent,
|
||||
$guide_toc_background: #3c233c,
|
||||
$guide_section_background: $dark_accent,
|
||||
|
||||
$text_input_background: #371e37,
|
||||
$text_input_background_focus: #514151,
|
||||
|
||||
Reference in New Issue
Block a user