Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- .ce-text {
- padding-bottom: rem(20px);
- }
- .ce-text a {
- text-decoration: underline;
- color: red;
- }
- .ce-text__header {
- font-size: rem(21px);
- line-height: rem(24px);
- color: black;
- font-weight: 900;
- margin-bottom: rem(20px);
- }
- .ce-text__subheader {
- font-size: rem(18px);
- line-height: rem(22px);
- color: gray;
- font-weight: 900;
- margin-bottom: rem(20px);
- }
- .ce-text__paragraph {
- font-size: rem(14px);
- line-height: rem(18px);
- color: gray;
- }
- .bullet-list--circle-checkbox,
- .bullet-list--arrow,
- .bullet-list--double-check {
- padding-left: rem(40px);
- }
- .bullet-list--circle-checkbox li,
- .bullet-list--arrow li,
- .bullet-list--double-check li {
- position: relative;
- margin-bottom: rem(10px);
- line-height: rem(21px);
- }
- .bullet-list--circle-checkbox li::before,
- .bullet-list--arrow li::before,
- .bullet-list--double-check li::before {
- content: "";
- position: absolute;
- transform: translate(-50%, -50%);
- top: rem(21px)/2;
- left: rem(-28px);
- background-size: 100% 100%;
- background-position: 50% 50%;
- background-repeat: no-repeat;
- }
- .bullet-list--arrow li::before {
- width: rem(16px);
- height: rem(16px);
- background-image: svg-url('<svg xmlns="http://www.w3.org/2000/svg"><path fill="#E30301" d="M8 9H0V7h8V0l8 8-8 8z"/></svg>');
- }
- .bullet-list--double-check li::before {
- width: rem(22px);
- height: rem(12px);
- background-image: svg-url('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="Desktop" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="CMS_ok" transform="translate(-301.000000, -722.000000)" fill="#DF0020" fill-rule="nonzero"><g id="Group-4" transform="translate(300.000000, 716.000000)"><g id="check-double-line"><path d="M11.602,13.76 L13.014,15.172 L21.48,6.706 L22.894,8.12 L13.014,18 L6.65,11.636 L8.064,10.222 L10.189,12.347 L11.602,13.759 L11.602,13.76 Z M11.604,10.932 L16.556,5.979 L17.966,7.389 L13.014,12.342 L11.604,10.932 Z M8.777,16.587 L7.364,18 L1,11.636 L2.414,10.222 L3.827,11.635 L3.826,11.636 L8.777,16.587 L8.777,16.587 Z" id="Shape"></path></g></g></g></g></svg>');
- }
- .bullet-list--circle-checkbox li::before {
- width: rem(20px);
- height: rem(20px);
- background-image: svg-url('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="Desktop" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="CMS_ok" transform="translate(-302.000000, -4378.000000)" fill="#DF0020" fill-rule="nonzero"><g id="Group-4" transform="translate(300.000000, 4376.000000)"><g id="checkbox-circle-line"><path d="M12,22 C6.477,22 2,17.523 2,12 C2,6.477 6.477,2 12,2 C17.523,2 22,6.477 22,12 C22,17.523 17.523,22 12,22 Z M12,20 C16.418278,20 20,16.418278 20,12 C20,7.581722 16.418278,4 12,4 C7.581722,4 4,7.581722 4,12 C4,16.418278 7.581722,20 12,20 Z M11.003,16 L6.76,11.757 L8.174,10.343 L11.003,13.172 L16.659,7.515 L18.074,8.929 L11.003,16 Z" id="Shape"></path></g></g></g></g></svg>');
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement