Guest User

Untitled

a guest
Aug 24th, 2019
81
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. // Use the following classes to add an icon before the block title link
  2.  
  3. $icons:
  4. 'icn-twitter',
  5. 'icn-tablet',
  6. 'icn-calendar',
  7. 'icn-newshorn',
  8. 'icn-play',
  9. 'icn-participate',
  10. 'icn-photogallery',
  11. 'icn-town-council',
  12. 'icn-login',
  13. 'icn-news',
  14. 'icn-coffee',
  15. 'icn-plans-projects',
  16. 'icn-boardquestions',
  17. 'icn-together',
  18. 'icn-influence';
  19.  
  20.  
  21. .block {
  22. @each $icon in $icons {
  23. &.#{$icon} {
  24. position: relative;
  25.  
  26. .block-title {
  27. padding-left: 40px !important;
  28.  
  29. &:before {
  30. content: ' ';
  31. background-image: url('../img/block-title-icons/#{$icon}.svg');
  32. background-size: contain;
  33. background-repeat: no-repeat;
  34. background-position: center center;
  35. display: inline-block;
  36. width: 30px;
  37. height: 35px;
  38. vertical-align: bottom;
  39. margin-right: 10px;
  40. position: absolute;
  41. top: 0;
  42. left: 0;
  43. }
  44. }
  45.  
  46. .field-felix-button {
  47. padding-left: 50px !important;
  48.  
  49. &:before {
  50. content: ' ';
  51. @include background(image-url("../img/block-title-icons/#{$icon}.svg"));
  52. background-size: contain;
  53. background-repeat: no-repeat;
  54. background-position: center center;
  55. display: inline-block;
  56. width: 30px;
  57. height: 35px;
  58. vertical-align: bottom;
  59. margin-right: 10px;
  60. position: absolute;
  61. top: 50%;
  62. transform: translateY(-50%);
  63. left: 10px;
  64. }
  65. }
  66. }
  67. }
  68. }
RAW Paste Data