고용량 이미지를 웹 업로드에 알맞게 다운사이징합니다.
2024-08-18
<script>
document.addEventListener('DOMContentLoaded', function() {
// Identify Buttons
const mainButton = document.querySelector('.scheme-switch-alpha__button--main');
const altButton = document.querySelector('.scheme-switch-alpha__button--alt');
// Set Focus on Click With Slight Delay
altButton.addEventListener('click', function() {
setTimeout(function() {
mainButton.focus();
}, 1);
});
mainButton.addEventListener('click', function() {
setTimeout(function() {
altButton.focus();
}, 1);
});
});
</script>
고용량 이미지를 웹 업로드에 알맞게 다운사이징합니다.
<style>
/* -- The root styles must go in the element of the structure with the name "Post content". --*/
.single-post-2__content{
/* -- Heading styles -- */
h2, h3, h4, h5, h6{
font-weight: 700;
color: var(--neutral);
margin-bottom: var(--space-s);
}
h2{
font-size: var(--text-xl);
}
h3{
font-size: var(--text-l);
}
h4, h5, h6{
font-size: var(--text-m);
}
/* -- Content paragraphs styles -- */
p {
/* - Bold text styles - */
strong{
color: var(--neutral);
}
/* - Anchor text styles - */
a{
color: var(--neutral);
text-decoration: underline;
font-weight: 500;
transition: color .2s ease;
&:hover, &:focus{
color: var(--primary);
}
}
}
/* -- List styles -- */
ul, ol{
margin:var(--space-m) 0;
li:not(:last-child){
margin-bottom: 8px;
}
}
/* -- Image styles -- */
figure{
margin-bottom: var(--space-l);
&:has(figcaption) {
figcaption{
margin-top: var(--space-xs);
color: var(--neutral);
}
}
}
/* -- Blockquote styles -- */
blockquote.wp-block-quote{
font-family:inherit;
text-align:center;
font-weight: 600;
color: var(--white);
border:none;
background-color:var(--neutral);
padding:var(--section-space-m) var(--space-xxl);
margin-bottom: var(--space-l);
@media (max-width: 767px) {
padding: var(--section-space-m) var(--space-l);
}
cite{
margin:0;
font-size: var(--text-l);
color: var(--neutral);
opacity: 1;
text-align:center;
text-transform: inherit;
}
}
}
</style>