<commit_before>$white: #fff;
.blogContentWrap.container {
	width: 80%;
	max-width: 1024px;
	padding: 20px 40px 40px;
	margin: 0 auto;
	background: $white;
	color: #333;
	box-sizing: border-box;
    position: relative;
	& .backButton {
        position: absolute;
        top: 30px;
        left: -30px;
        color: #3593dc;
        font-size: 18px;
        cursor: pointer;
        & .backIcon {
            margin-right: 6px;
            width: 30px;
            height: 22px;
            vertical-align: middle;
            & svg {
                fill: #3593dc;
            }
        }
        & .backText {
            vertical-align: middle;
        }
    }
	& .spliter {
		display: inline-block;
		width: 20px;
	}
	& .wangEditor-container,
	& .wangEditor-menu-container {
		border: none;
	}
    & .wangEditor-container {
        & pre,
        & code {
            background-color: rgba(38,50,56,1);
            color: #6DC2B8;
            font-size: 16px;
        }
    }
    & .warning {
        border-top: 1px dashed #000;
        line-height: 1.8;
        color: #9b9b9b;
        font-size: 18px;
        padding: 12px 0;
        text-align: right;
    }
}
.blogTitle {
	text-align: center;
	font-size: 24px;
    line-height: 70px;
}
.authorInfo {
	text-align: center;
	font-size: 16px;
	margin-bottom: 30px;
	& .icon {
		vertical-align: middle;
        margin-right: 3px;
		& svg {
			fill: #acbbc6;
		}
	}
    & .scanerIcon {
        width: 22px;
        height: 22px;
    }
	& .text {
        color:#acbbc6;
        display: inline-block;
        height: 20px;
        line-height: 20px;
		vertical-align: middle;
	}
}
#blogContent {
	height: auto !important;
    overflow: hidden;
    word-break: break-all;
}
.DraftEditor-root {
    font-size: 18px;
}
.public-DraftStyleDefault-block {
    line-height: 40px;
}
.blogContentWrap .disqus {
	margin-top: 30px;
	background-color: #D4E3F3;
}
@media screen and (max-width: 740px) {
    .blogContentWrap {
        width: 90%;
        padding: 20px 0 40px;
        & .blogTitle {
            line-height: 1.5;
            margin-bottom: 20px;
        }
        & .backButton {
            position: fixed;
            left:20px;
            top: 32px;
            transform: translate(0,-50%);
            z-index: 666;
            color: #fff;
            & .backIcon svg {
                fill: #fff;
            }
        }
    }
}
@media screen and (max-width: 420px){
    .blogContentWrap.container {
        width: 100%;
        & .blogTitle {
            font-size: 22px;
        }
        #blogContent p font {
            font-size: 16px;
        }
        & .backButton {
            top: 27px;
            left:10px;
        }
        & .warning {
            font-size: 14px;
            padding-right: 15px;
        }
    }
}<commit_msg>Update index.scss<commit_after>$white: #fff;
.blogContentWrap.container {
	width: 80%;
	max-width: 1024px;
	padding: 20px 40px 40px;
	margin: 0 auto;
	background: $white;
	color: #333;
	box-sizing: border-box;
    position: relative;
	& .backButton {
        position: absolute;
        top: 30px;
        left: -30px;
        color: #3593dc;
        font-size: 18px;
        cursor: pointer;
        & .backIcon {
            margin-right: 6px;
            width: 30px;
            height: 22px;
            vertical-align: middle;
            & svg {
                fill: #3593dc;
            }
        }
        & .backText {
            vertical-align: middle;
        }
    }
	& .spliter {
		display: inline-block;
		width: 20px;
	}
	& .wangEditor-container,
	& .wangEditor-menu-container {
		border: none;
	}
//     & .wangEditor-container {
//         & pre,
//         & code {
//             background-color: rgba(38,50,56,1);
//             color: #6DC2B8;
//             font-size: 16px;
//         }
//     }
    & .warning {
        border-top: 1px dashed #000;
        line-height: 1.8;
        color: #9b9b9b;
        font-size: 18px;
        padding: 12px 0;
        text-align: right;
    }
}
.blogTitle {
	text-align: center;
	font-size: 24px;
    line-height: 70px;
}
.authorInfo {
	text-align: center;
	font-size: 16px;
	margin-bottom: 30px;
	& .icon {
		vertical-align: middle;
        margin-right: 3px;
		& svg {
			fill: #acbbc6;
		}
	}
    & .scanerIcon {
        width: 22px;
        height: 22px;
    }
	& .text {
        color:#acbbc6;
        display: inline-block;
        height: 20px;
        line-height: 20px;
		vertical-align: middle;
	}
}
#blogContent {
	height: auto !important;
    overflow: hidden;
    word-break: break-all;
}
.DraftEditor-root {
    font-size: 18px;
}
.public-DraftStyleDefault-block {
    line-height: 40px;
}
.blogContentWrap .disqus {
	margin-top: 30px;
	background-color: #D4E3F3;
}
@media screen and (max-width: 740px) {
    .blogContentWrap {
        width: 90%;
        padding: 20px 0 40px;
        & .blogTitle {
            line-height: 1.5;
            margin-bottom: 20px;
        }
        & .backButton {
            position: fixed;
            left:20px;
            top: 32px;
            transform: translate(0,-50%);
            z-index: 666;
            color: #fff;
            & .backIcon svg {
                fill: #fff;
            }
        }
    }
}
@media screen and (max-width: 420px){
    .blogContentWrap.container {
        width: 100%;
        & .blogTitle {
            font-size: 22px;
        }
        #blogContent p font {
            font-size: 16px;
        }
        & .backButton {
            top: 27px;
            left:10px;
        }
        & .warning {
            font-size: 14px;
            padding-right: 15px;
        }
    }
}

{'fraction_non_alphanumeric': 0.12754289757650805, 'fraction_numerical': 0.0470546612418185, 'mean_word_length': 1.4476190476190476, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5094702', 'n_tokens_mistral': 2188, 'n_tokens_neox': 1940, 'n_words': 399}