<div class="tile sidebar-whitepaper ">
    <div class="whitepaper-logo"><img src="/images/logo.svg"></div>
    <div class="tile-svg">
        <img src="/images/whitepaper-dummy.svg">
    </div>

    <div class="tile-preline">preline goes here...</div>
    <div class="tile-text">normal text goes here lorem impsum dolor</div>
</div>
<div class="tile sidebar-whitepaper ">
  <div class="whitepaper-logo">{{ logo }}</div>
  {% if image_svg %}
    <div class="tile-svg">
      {{ image_svg }}
    </div>
  {% endif %}
  
  <div class="tile-preline">{{ preline }}</div>
  <div class="tile-text">{{ text }}</div>
</div>
{
  "preline": "preline goes here...",
  "text": "normal text goes here lorem impsum dolor",
  "href": "#lorem",
  "overlay_link": true,
  "logo": "<img src=\"/images/logo.svg\">",
  "image_svg": "<img src=\"/images/whitepaper-dummy.svg\">"
}
  • Content:
    .sidebar-whitepaper {
    	background: #eee;
    
    	.whitepaper-logo {
    		padding: 2rem;
    		display: flex;
    		justify-content: flex-end;
    
    		img {
    			width: 40%;
    		}
    	}
    	.tile-preline {
    		padding-left: 2rem;
    		padding-right: 2rem;
    	}
    	.tile-text {
    		padding-left: 2rem;
    		padding-right: 2rem;
    		padding-bottom: 2rem;
    	}
    
    	.logo {
    		width: 40%;
    		align-self: flex-end;
    		margin-bottom: 40px;
    		margin-right: 20px;
    	}
    }
    
  • URL: /components/raw/whitepaper-sidebar/whitepaper-sidebar.scss
  • Filesystem Path: components/02-components/sidebar/whitepaper-sidebar/whitepaper-sidebar.scss
  • Size: 405 Bytes
  • Handle: @whitepaper-sidebar
  • Preview:
  • Filesystem Path: components/02-components/sidebar/whitepaper-sidebar/whitepaper-sidebar.twig

There are no notes for this item.