Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- .__pf [data-pf-type="ProductVariantSwatches"] input[type=radio] {
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- background-color: #fff;
- margin: 0;
- font: inherit;
- color: currentColor;
- width: 18px;
- height: 18px;
- border: 2.5px solid currentColor;
- border-radius: 50%;
- transform: translateY(-0.075em);
- display: grid;
- place-content: center;
- }
- .__pf [data-pf-type="ProductVariantSwatches"] input[type="radio"]::before {
- content: "";
- width: 10px;
- height: 10px;
- border-radius: 50%;
- transform: scale(0);
- transition: 120ms transform ease-in-out;
- box-shadow: inset 1em 1em rebeccapurple;
- }
- .__pf [data-pf-type="ProductVariantSwatches"] input[type="radio"]:checked::before {
- transform: scale(1);
- }
Comments
-
Comment was deleted
-
- HTML:
- <div class="__pf" data-pf-type="ProductVariantSwatches">
- <form action="">
- <input type="radio" name="1">
- <input type="radio" name="1">
- <input type="radio" name="1">
- <input type="radio" name="1">
- <input type="radio" name="1">
- <input type="radio" name="1">
- <input type="radio" name="1">
- <input type="radio" name="1">
- </form>
- </div>
Add Comment
Please, Sign In to add comment