미디어위키:Citizen.css: 두 판 사이의 차이

267 바이트 추가됨 ,  2023년 9월 21일 (목)
편집 요약 없음
편집 요약 없음
편집 요약 없음
1번째 줄: 1번째 줄:
/* 여기의 모든 CSS는 시티즌 스킨을 사용하는 사용자에게 로드됩니다 */
/* 여기의 모든 CSS는 시티즌 스킨을 사용하는 사용자에게 로드됩니다 */
:root {
:root {
    --color-primary: hsl(174, 50%, 50%);
     --color-alt__h: 174;
     --color-alt__h: 174;
     --color-alt__s: 50%;
     --color-alt__s: 50%;
     --color-alt__l: 50%;
     --color-alt__l: 50%;
    --color-primary: hsl(var(--color-alt__h),var(--color-alt__s),var(--color-alt__l));
     --color-primary--hover: hsl(var(--color-alt__h),var(--color-alt__s),calc(var(--color-alt__l) * 1.2));
     --color-primary--hover: hsl(var(--color-alt__h),var(--color-alt__s),calc(var(--color-alt__l) * 1.2));
     --color-primary--active: hsl(var(--color-alt__h),var(--color-alt__s),calc(var(--color-alt__l) * 0.8));
     --color-primary--active: hsl(var(--color-alt__h),var(--color-alt__s),calc(var(--color-alt__l) * 0.8));
12번째 줄: 12번째 줄:


a {
a {
     --color-link: hsl(220, 60%, 50%);
--color-link__h: 220;
     --color-link--hover: var(--color-primary--hover);
--color-link__s: 60%;
     --color-link--active: var(--color-primary--active);
--color-link__l: 50%;
     --color-link: hsl(var(--color-link__h),var(--color-link__s),var(--color-link__l));
     --color-link--hover: hsl(var(--color-link__h),var(--color-link__s),calc(var(--color-link__l) * 1.2));
     --color-link--active: hsl(var(--color-link__h),var(--color-link__s),calc(var(--color-link__l) * 0.8));
}
}