College of Business Style Guide

Employer Search and Find Tool 

<div class="content-only-wrapper">
    <div class="search-find-tool">
        This is a placeholder for the search & find tool.
    </div>
</div>
 
<div class="content-only-wrapper">
  <div class="search-find-tool">
  {% block cms_override %}
      {{ search_find_tool }}
  {% endblock cms_override %}
  </div>
</div>
 
{
  "search_find_tool": "This is a placeholder for the search & find tool."
}
  • Content: 
    .search-find-tool{
    .js-form-item{
        margin: 0 .5rem .5rem 0;
        
        label{
            display: block;
            font-size: 14px;
            font-weight: bold;
            margin-bottom: 5px;
        }
    }
    .chosen-container{min-width: 150px;}
    input.form-text{
        border: 1px solid #666;
        border-radius: 3px;
        box-shadow: 0px 0px 6px #c4bebe85;       
    }

    .form-actions{
        clear: none;
        margin: 24px 0 0;       

        input.button{
            padding: 6px 35px;
            background: #ffe41f;
            font-weight: bold;
            border: 1px solid #dfc719;

            &:hover{
                background: #502d0d;
                color: white;
                border-color: #502d0d;
            }
        }
    }
    .messages{margin-top: 20px;}

    table td{min-width: 90px;}
}
  • URL: /components/raw/employer_search_find_tool/employer_search_find_tool.scss
  • Filesystem Path: components/03-sections/30-employer_search_find_tool/employer_search_find_tool.scss
  • Size: 864 Bytes
  • Handle: @employer_search_find_tool
  • Preview:
  • Filesystem Path: components/03-sections/30-employer_search_find_tool/employer_search_find_tool.twig

No notes defined.