Andy Sellick andysellick

## gmail_old_look.css
/* buttons above conversation */
.G-tF .T-I {
border: solid 1px #dadce0 !important;
line-height: 20px !important;
height: 36px !important;
border-radius: 4px !important;
}
.G-atb {
height: 65px !important;
}

## index.html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
  <h1>Testing ways of inserting a pause between visually distinct parts of a link</h1>
  <h2>No punctuation between the two texts</h2>

## index.html.erb
<div class="tubeline tubeline-line" data-module="toggle">
  <a href="#" data-controls="primary-nav"
              data-expanded="true"
              class="tubeline-heading">
              Learning to drive a car
  </a>
  <div class="" id="primary-nav"><span class="arrow"></span>
    <ol class="tubeline-list">
      <li>
        <a href="#">Check you're allowed to drive</a>

## search.raw.html.erb
<%
  appearance_class ||= "on-light-background"
  layout_class ||= ""
  search_term ||= ""
  input_id ||= SecureRandom.hex(4)
  label_text ||= "Search GOV.UK"
  label_text = "#{label_text}".html_safe
%>

<div class="govuk-search <%= appearance_class %> <%= layout_class %>"
	/* buttons above conversation */
	.G-tF .T-I {
	border: solid 1px #dadce0 !important;
	line-height: 20px !important;
	height: 36px !important;
	border-radius: 4px !important;
	}
	.G-atb {
	height: 65px !important;
	}
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width">
	<title>JS Bin</title>
	</head>
	<body>
	<h1>Testing ways of inserting a pause between visually distinct parts of a link</h1>
	<h2>No punctuation between the two texts</h2>
	<div class="tubeline tubeline-line" data-module="toggle">
	<a href="#" data-controls="primary-nav"
	data-expanded="true"
	class="tubeline-heading">
	Learning to drive a car
	</a>
	<div class="" id="primary-nav"><span class="arrow"></span>
	<ol class="tubeline-list">
	<li>
	<a href="#">Check you're allowed to drive</a>
	<%
	appearance_class \|\|= "on-light-background"
	layout_class \|\|= ""
	search_term \|\|= ""
	input_id \|\|= SecureRandom.hex(4)
	label_text \|\|= "Search GOV.UK"
	label_text = "#{label_text}".html_safe
	%>

	<div class="govuk-search <%= appearance_class %> <%= layout_class %>"