liamgriffin

<div id="textsection">
   <div class="simpletext">
     <h1> {{ section.settings.text-box }} </h1>
     <h3> {{ section.settings.text }} </h3>
   </div>
</div>


{% schema %}
  {

liamgriffin

<div id="section-cta">
     <div class="container">
        <h3> {{ section.settings.text-box }} </h3>
        <a href="{{ section.settings.link }}" class="btn btn--cta">{{ section.settings.linktext }}</a>
      </div>
</div>
{% schema %}
{
    "name": "Call to action",
    "settings": [

liamgriffin

{% schema %}
  {
    "name": "Section name",
    "settings": []
  }
{% endschema %}

{% stylesheet %}
{% endstylesheet %}

liamgriffin

<hr>
<div id="section-cta">
  <div class="section-header text-center">
    <h3> {{ section.settings.text-box }} </h3>
  </div>

  {% for block in section.blocks %}  
  <div class="btn" id="call-to-action">   
    <a href="{{ block.settings.link }}" class="btn">{{ block.settings.linktext }}</a>

liamgriffin

   {% for block in section.blocks %}
      {% case block.type %}
    
    	{% when 'text' %}
          <div class="grid__item {{ column_width }}">
            <h3 class="h4">{{ block.settings.title }}</h3>
            <div class="rte">{{ block.settings.richtext }}</div>
          </div>

        {% when 'social' %}

liamgriffin

  {% case section.blocks.size %}
      {% when 0 %}
      {% when 1 %}
        {% assign column_width = 'text-center' %}
      {% when 2 %}
        {% assign column_width = 'post-large--one-half medium--one-half' %}
      {% when 3 %}
        {% assign column_width = 'post-large--one-third medium--one-third' %}
      {% when 4 %}
        {% assign column_width = 'post-large--one-quarter medium--one-half' %}

liamgriffin

     {
        "type": "social",
        "name": "Social icons",
        "limit": 1,
        "settings": [
          {
            "type": "paragraph",
            "content": "Edit your social settings and accounts in General settings"
          }
        ]

liamgriffin

<footer class="site-footer small--text-center" role="contentinfo">

<div class="wrapper">

  <div class="grid-uniform">

    {% case section.blocks.size %}
      {% when 0 %}
      {% when 1 %}
        {% assign column_width = 'text-center' %}

liamgriffin

$spacing-limit: 4;

liamgriffin

{
  "type": "text",
  "id": "social_facebook_link",
  "label": "Facebook",
  "info": "https:\/\/facebook.com\/shopify"
},