Contents

<div class="attitude" ng-style="styles()">
  <div class="sky"></div>
  <div class="earth"></div>
</div>

<style>
  widget[data-name="attitude"] {
    overflow: hidden;
  }

  widget[data-name="attitude"] .attitude {
    width: 200%;
    height: 200%;
    margin-left: -50%;
    margin-top: -50%;
  }

  widget[data-name="attitude"] .attitude div {
    width: 100%;
    height: 54%;
    padding: 0;
    margin: 0;
  }

  widget[data-name="attitude"] .attitude .sky {
    background: #02A2F9;
  }

  widget[data-name="attitude"] .attitude .earth {
    background: #A07857;
  }
</style>

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
robeaux-0.3.0	js/widgets/attitude.html