|
Directory : /var/www/vhosts/lautnusantara.com/httpdocs/mis/public/assets/theme/BeyondAdmin/css/ |
:root {
--primary-white: #fff;
--primary-darkblue: #0072c6;
--primary-darkred: #ac193d;
--primary-green: #53a93f;
--primary-aqua: #5db2ff;
--primary-gold: #d4a300;
--primary-black: #282828;
}
/* white */
input[type=checkbox].colored-white:checked~.text,
input[type=radio].colored-white:checked~.text {
color: var(--primary-white);
}
input[type=checkbox].colored-white:checked~.text:before,
input[type=radio].colored-white:checked~.text:before {
border-color: var(--primary-white);
color: var(--primary-white);
background-color: rgb(139, 139, 139);
}
input[type=checkbox].colored-white~.text:before,
input[type=radio].colored-white~.text:before {
background-color: var(--primary-white);
cursor: pointer;
border: 1px solid rgb(139, 139, 139);
}
/* darkblue */
input[type=checkbox].colored-darkblue:checked~.text,
input[type=radio].colored-darkblue:checked~.text {
color: var(--primary-darkblue);
}
input[type=checkbox].colored-darkblue:checked~.text:before,
input[type=radio].colored-darkblue:checked~.text:before {
border-color: var(--primary-darkblue);
color: var(--primary-darkblue);
background-color: white;
}
input[type=checkbox].colored-darkblue~.text:before,
input[type=radio].colored-darkblue~.text:before {
background-color: var(--primary-darkblue);
cursor: pointer;
}
/* darkred */
input[type=checkbox].colored-darkred:checked~.text,
input[type=radio].colored-darkred:checked~.text {
color: var(--primary-darkred);
}
input[type=checkbox].colored-darkred:checked~.text:before,
input[type=radio].colored-darkred:checked~.text:before {
border-color: var(--primary-darkred);
color: var(--primary-darkred);
background-color: white;
}
input[type=checkbox].colored-darkred~.text:before,
input[type=radio].colored-darkred~.text:before {
background-color: var(--primary-darkred);
cursor: pointer;
}
/* green */
input[type=checkbox].colored-green:checked~.text,
input[type=radio].colored-green:checked~.text {
color: var(--primary-green);
}
input[type=checkbox].colored-green:checked~.text:before,
input[type=radio].colored-green:checked~.text:before {
border-color: var(--primary-green);
color: var(--primary-green);
background-color: white;
}
input[type=checkbox].colored-green~.text:before,
input[type=radio].colored-green~.text:before {
background-color: var(--primary-green);
cursor: pointer;
}
/* aqua */
input[type=checkbox].colored-aqua:checked~.text,
input[type=radio].colored-aqua:checked~.text {
color: var(--primary-aqua);
}
input[type=checkbox].colored-aqua:checked~.text:before,
input[type=radio].colored-aqua:checked~.text:before {
border-color: var(--primary-aqua);
color: var(--primary-aqua);
background-color: white;
}
input[type=checkbox].colored-aqua~.text:before,
input[type=radio].colored-aqua~.text:before {
background-color: var(--primary-aqua);
cursor: pointer;
}
/* gold */
input[type=checkbox].colored-gold:checked~.text,
input[type=radio].colored-gold:checked~.text {
color: var(--primary-gold);
}
input[type=checkbox].colored-gold:checked~.text:before,
input[type=radio].colored-gold:checked~.text:before {
border-color: var(--primary-gold);
color: var(--primary-gold);
background-color: white;
}
input[type=checkbox].colored-gold~.text:before,
input[type=radio].colored-gold~.text:before {
background-color: var(--primary-gold);
cursor: pointer;
}
/* black */
input[type=checkbox].colored-black:checked~.text,
input[type=radio].colored-black:checked~.text {
color: var(--primary-black);
}
input[type=checkbox].colored-black:checked~.text:before,
input[type=radio].colored-black:checked~.text:before {
border-color: var(--primary-black);
color: var(--primary-black);
background-color: white;
}
input[type=checkbox].colored-black~.text:before,
input[type=radio].colored-black~.text:before {
background-color: var(--primary-black);
cursor: pointer;
}