colmtuite

#view
<%= link_to "Delete", comment, method: :delete, data: { confirm: "Really?", remote: true } %>

#controller
def destroy
    @comment = Comment.find(params[:id])
    #@comment.destroy
    
    respond_to do |format|
     format.js

colmtuite

source 'https://rubygems.org'

# Needed by heroku
ruby '2.2.0'

# Bundle edge Rails instead: gem 'rails', github: 'rails/rails'
gem 'rails', '4.2.1'

# Use SCSS for stylesheets
gem 'sass-rails', '~> 5.0'

colmtuite

Colms-MacBook-Air:breakout colmtuite$ git status
# On branch colm-complete-framework
# Changes to be committed:
#
#	new file:   app/assets/images/portfolio-manager/connected-overview/connectors.png
#	new file:   app/assets/images/portfolio-manager/connected-overview/dashboard.png
#	new file:   app/assets/images/portfolio-manager/connected-overview/milestones.png
#	new file:   app/assets/images/portfolio-manager/connected-overview/most-active-spaces.png
#	new file:   app/assets/images/portfolio-manager/connected-overview/recent-added-spaces.png
#	modified:   app/assets/javascripts/code.js

colmtuite

<div class="bodyCopy--xs">
  <p>Manual description</p>
  <p>Manual description</p>
  <p>Manual description</p>
</div>

colmtuite

<div class="grid--4">
  <div class="grid-cell">
    <a class="display-block pa-xl bw-1 bs-solid bc-gray--4 ta-center" href="#">
      <span class="display-block fs-xl" aria-hidden="true" data-icon="&#xe610;"></span>
      <span class="display-block fs-xs fw-6">Connector</span>
    </a>
  </div>
  <div class="grid-cell">
    <a class="display-block pa-xl bw-1 bs-solid bc-gray--4 ta-center" href="#">
      <span class="display-block fs-xl" aria-hidden="true" data-icon="&#xe610;"></span>

colmtuite

<div class="node-toolbar">
  <div class="u-inline">
    <div>
      <a href="/spaces/abstraction/documents" class="breadcrumb-path">Root</a>
    </div>
    <div>
      <div class="breadcrumb-separator">/</div>
    </div>
  </div>
</div>

colmtuite

<div class="s-content pl-20 fs--M">
  <div class="node-toolbar">
    <div class="u-inline">
      <div>
      	<a href="/spaces/abstraction/documents" class="breadcrumb-path">root</a>
      </div>
      <div>
       	<div class="breadcrumb-separator">/</div>
      </div>
    </div>

colmtuite

<div class="o-floatL">
  <div class="s-sidebar s-box s-box-gray p-10 w-240 clearfix">
  <div class="s-sidebar s-box s-box-gray p-10 w-240 clearfix">
</div>

<div class="s-content pl-20">

colmtuite

.bgPrimary {
  background: coral;
  color: #fff;
}

.fs1 {
  font-size: 20px;
  line-height: 24px;
}

colmtuite

.fs-1 {
  font-size: 20px;
}

<h1 class="fs-1"></h1>

.componentWith20pxFontSize {
  @extend .fs-1;
}