🛠️ToolsShed

CSS 변수 생성기

시각적 편집기로 CSS 커스텀 속성(변수)을 만드세요. 컬러 피커와 프리셋으로 :root 블록을 생성합니다.

1개 변수

자주 묻는 질문

코드 구현

# Generate CSS :root block from a dictionary of variables
def generate_css_variables(variables: dict) -> str:
    lines = [":root {"]
    for name, value in variables.items():
        var_name = name if name.startswith("--") else f"--{name}"
        lines.append(f"  {var_name}: {value};")
    lines.append("}")
    return "\n".join(lines)

# Example: dark mode theme
dark_theme = {
    "--bg-primary": "#0f0f0f",
    "--bg-secondary": "#1a1a1a",
    "--text-primary": "#ffffff",
    "--text-secondary": "#a0a0a0",
    "--accent": "#6366f1",
    "--border-radius": "8px",
    "--font-size-base": "16px",
}

print(generate_css_variables(dark_theme))

Comments & Feedback

Comments are powered by Giscus. Sign in with GitHub to leave a comment.