fragje

function pwypno2014_preprocess_field(&$vars) {
  dpm($vars);
}

fragje

<header>Header</header>
<main>Main</main>
<aside>Aside</aside>
<footer>Footer</footer>

fragje

<div class="container">
  <main>Main</main>
  <aside>Aside</aside>
  <footer>Footer</footer>
</div>

fragje

<!-- Current markup -->
<p class="align-center fig--full"><img alt="Carne Irland Kaia Means" class="media-image fig--full" src="http://admin.norskgolf.newsfront.no/sites/default/files/carne_irland_kaia_means.jpg" title="Carne Irland Kaia Means"></p>

<!-- Javascript modification -->
<!-- Javascript looks for .fig--full, and when if it find it, a new element is created with the class .fig--full__inner, and elements originally inside .fig--full gets addeded inside the new element -->
<p class="align-center fig--full">
  <span class="fig--full__inner">
    <img alt="Carne Irland Kaia Means" class="media-image fig--full" src="http://admin.norskgolf.newsfront.no/sites/default/files/carne_irland_kaia_means.jpg" title="Carne Irland Kaia Means">
  </span>
</p>

fragje

table {
  margin-bottom: .8em;
}

table td,
table th {
  padding: .8em;
  border: 1px solid #ddd;
}

fragje

[fullwidth backgroundcolor="#eeee22" backgroundimage="" backgroundrepeat="no-repeat" backgroundposition="left top" backgroundattachment="scroll" video_webm="" video_mp4="" video_ogv="" video_preview_image="" overlay_color="" overlay_opacity="0.5" video_mute="yes" video_loop="yes" fade="no" bordersize="0px" bordercolor="" borderstyle="solid" paddingtop="0px" paddingbottom="0px" paddingleft="0px" paddingright="0px" menu_anchor="" equal_height_columns="no" hundred_percent="no" class="" id=""][two_fifth last="no" spacing="yes" background_color="" background_image="" background_repeat="no-repeat" background_position="left top" border_size="0px" border_color="" border_style="" padding="" class="" id=""][imageframe lightbox="no" style_type="none" bordercolor="" bordersize="0px" borderradius="0" stylecolor="" align="center" link="" linktarget="_self" animation_type="0" animation_direction="down" animation_speed="0.1" class="" id=""] [/imageframe][/two_fifth][three_fifth last="yes" spacing="yes" background_color="" ba

fragje

.l-row {
  border-bottom: 1px dotted #000;
  margin-bottom: 15px;

  &:last-child {
    border-bottom: none;
    margin-bottom: 0;
  }
}

fragje

// Custom javascript
function fullName(firstName, lastName, callback) {
  console.log('My name is ' + firstName + ' ' + lastName);
  callback(lastName);
}

var greeting = function(ln) {
  console.log("Welcome Mr. " + ln);
}

fragje

<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-23893312-1', 'auto');
  ga('send', 'pageview');

</script>

fragje

var READMORE = {
  body: $('.js-readmore'),
  bodyFirstChild: this.body.cildren()[0],
  bodyRemainingChildren: function() {
    var children = this.body.children();
    children = children.splice(0.1);
    return children;
  } 
};