Skip to content

Instantly share code, notes, and snippets.

@xkxd
Last active May 30, 2018 06:32
Show Gist options
  • Select an option

  • Save xkxd/a32c0bce82afe67b0dfadbd9d85273db to your computer and use it in GitHub Desktop.

Select an option

Save xkxd/a32c0bce82afe67b0dfadbd9d85273db to your computer and use it in GitHub Desktop.
post-card
import Ember from 'ember';
export default Ember.Component.extend({
});
import Ember from 'ember';
export default Ember.Component.extend({
});
import Ember from 'ember';
export default Ember.Component.extend({
});
import Ember from 'ember';
export default Ember.Controller.extend({
});
body {
margin: 12px 16px;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 12pt;
}
.post-card {
border: 1px solid lightgray;
border-radius: 2px;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
}
.post-card-header {
padding: 24px 30px 0;
}
.post-card-content {
color: #333;
font-size: .875rem;
line-height: 1.125rem;
margin: 5px 0;
padding: 4px 30px 6px;
}
.post-card-footer {
align-items: center;
border-top: 1px solid #e6e6e6;
display: flex;
justify-content: center;
list-style: none;
padding: 10px 0;
width: auto;
margin: 0;
max-width: none;
}
{{#card-wrapper as |card|}}
{{#card.header}}
I'm a header
{{/card.header}}
{{#card.content}}
I'm a content
{{/card.content}}
{{#card.footer}}
I'm a centered footer
{{/card.footer}}
{{/card-wrapper}}
<div class="post-card-content">
{{yield}}
</div>
<div class="post-card-header">
{{yield}}
</div>
<div class="post-card">
{{yield (hash
header=(component 'card-header')
content=(component 'card-content')
footer=(component 'card-footer')
)}}
</div>
{
"version": "0.13.1",
"EmberENV": {
"FEATURES": {}
},
"options": {
"use_pods": false,
"enable-testing": false
},
"dependencies": {
"jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.js",
"ember": "2.16.2",
"ember-template-compiler": "2.16.2",
"ember-testing": "2.16.2"
},
"addons": {
"ember-data": "2.16.3"
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment