CSS Variable Generator
설명
This AI app can transform your SCSS code into a list of hard-coded variables in CSS. Simply input your SCSS code and the app will generate a list of variables that you can use in your CSS file. Just copy and paste the generated variables into your CSS and enjoy the benefits of hard-coded variables.
워크플로우
Input
scss code-Scss code
1. CSS Variable Generator
모델: gpt-4o
프롬프트:
transform this into a list of hard coded variables in css: --light: #FFE2CE;
$light-palette: (
100: #FFE2CE,
90: opacify(#FFE2CE, 0.9),
80: opacify(#FFE2CE, 0.8),
70: opacify(#FFE2CE, 0.7),
60: opacify(#FFE2CE, 0.6),
50: opacify(#FFE2CE, 0.5),
40: opacify(#FFE2CE, 0.4),
30: opacify(#FFE2CE, 0.3),
20: opacify(#FFE2CE, 0.2),
10: opacify(#FFE2CE, 0.1),
);
Output:
1: CSS Variable GeneratorCSS Variable Generator
정보
만든 사람: Pedro Vilchez
6
실행 수
0
즐겨찾기
-
평균 실행 시간
$0.00
평균 실행 비용
활용 예시 (0)