SHARE
TWEET

Untitled

a guest Aug 24th, 2019 79 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
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top