Advertisement
Guest User

Untitled

a guest
Feb 26th, 2020
105
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.98 KB | None | 0 0
  1. .ce-text {
  2. padding-bottom: rem(20px);
  3. }
  4. .ce-text a {
  5. text-decoration: underline;
  6. color: red;
  7. }
  8. .ce-text__header {
  9. font-size: rem(21px);
  10. line-height: rem(24px);
  11. color: black;
  12. font-weight: 900;
  13. margin-bottom: rem(20px);
  14. }
  15. .ce-text__subheader {
  16. font-size: rem(18px);
  17. line-height: rem(22px);
  18. color: gray;
  19. font-weight: 900;
  20. margin-bottom: rem(20px);
  21. }
  22. .ce-text__paragraph {
  23. font-size: rem(14px);
  24. line-height: rem(18px);
  25. color: gray;
  26. }
  27.  
  28. .bullet-list--circle-checkbox,
  29. .bullet-list--arrow,
  30. .bullet-list--double-check {
  31. padding-left: rem(40px);
  32. }
  33. .bullet-list--circle-checkbox li,
  34. .bullet-list--arrow li,
  35. .bullet-list--double-check li {
  36. position: relative;
  37. margin-bottom: rem(10px);
  38. line-height: rem(21px);
  39. }
  40. .bullet-list--circle-checkbox li::before,
  41. .bullet-list--arrow li::before,
  42. .bullet-list--double-check li::before {
  43. content: "";
  44. position: absolute;
  45. transform: translate(-50%, -50%);
  46. top: rem(21px)/2;
  47. left: rem(-28px);
  48. background-size: 100% 100%;
  49. background-position: 50% 50%;
  50. background-repeat: no-repeat;
  51. }
  52.  
  53. .bullet-list--arrow li::before {
  54. width: rem(16px);
  55. height: rem(16px);
  56. background-image: svg-url('<svg xmlns="http://www.w3.org/2000/svg"><path fill="#E30301" d="M8 9H0V7h8V0l8 8-8 8z"/></svg>');
  57. }
  58.  
  59. .bullet-list--double-check li::before {
  60. width: rem(22px);
  61. height: rem(12px);
  62. 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>');
  63. }
  64.  
  65. .bullet-list--circle-checkbox li::before {
  66. width: rem(20px);
  67. height: rem(20px);
  68. 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>');
  69. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement