Skip to content

Instantly share code, notes, and snippets.

@bzhmaddog

bzhmaddog/SassMeister-input-HTML.html

Created March 4, 2015 22:28
Show Gist options
  • Save bzhmaddog/57391cace1175c7cdbc2 to your computer and use it in GitHub Desktop.
Save bzhmaddog/57391cace1175c7cdbc2 to your computer and use it in GitHub Desktop.
Download ZIP
Generated by SassMeister.com.
Raw
SassMeister-input-HTML.html
<!DOCTYPE html>
<head>
</head>
<body>
<section class="PageRedirect">
<h1>SEO 301/302 Redirect Tool</h1>
<div id="js-razor-validation" class="ui-MessageFlat ui-MessageFlat--error hidden">
</div>
<div id="js-form-container" class="PageRedirect__Form" data-config="{&quot;pageSize&quot; : 100000, &quot;pageNumber&quot; : 1, &quot;type&quot; : &quot;&quot;, &quot;postData&quot; : {}}"><form class="add-new-redirect" action="/pageredirect/create" method="POST" data-reactid=".1"><input name="pageNumber" value="1" data-reactid=".1.0" type="hidden"><input name="pageSize" value="100000" data-reactid=".1.1" type="hidden"><input name="type" value="" data-reactid=".1.2" type="hidden"><label class="ui-InputFlat--label" data-reactid=".1.3"><span data-reactid=".1.3.0">Redirect Type :</span><select class="ui-InputFlat" id="js-redirect-type" data-reactid=".1.3.1"><option value="301" data-reactid=".1.3.1.0">301</option><option value="302" data-reactid=".1.3.1.1">302</option></select></label><label class="ui-InputFlat--label" data-reactid=".1.4"><span data-reactid=".1.4.0">From :</span><input name="PageRedirect.FromPoint.Url" required="" class="ui-InputFlat" value="" data-reactid=".1.4.1" type="url"></label><label class="ui-InputFlat--label" data-reactid=".1.5"><span data-reactid=".1.5.0">Redirect To :</span><input name="PageRedirect.ToPoint.Url" required="" class="ui-InputFlat" value="" data-reactid=".1.5.1" type="url"></label><label class="hidden" data-reactid=".1.6"><span data-reactid=".1.6.0">End On :</span><div class="input-group date" data-reactid=".1.6.1"><input name="PageRedirect.EndDate" class="ui-InputFlat js-date-time" required="" disabled="" value="" data-reactid=".1.6.1.0" type="text"><button type="button" class="input-group-addon ui-ButtonFlat ui-ButtonFlat--small ui-ButtonFlat--edit ui-Icon ui-Icon--calendar" data-reactid=".1.6.1.1"></button><button class="ui-ButtonFlat ui-ButtonFlat--small ui-ButtonFlat--delete ui-Icon ui-Icon--trash" data-reactid=".1.6.1.2"></button></div></label><button type="submit" class="ui-ButtonFlat ui-ButtonFlat--add" data-reactid=".1.7">Save</button></form></div>
<table class="PageRedirect__List" summary="List of 301 redirects showing the original URL and the URL to which it redirects.">
<thead>
<tr>
<th>From</th>
<th>To</th>
<th>Type</th>
<th>Added On</th>
<th>End On</th>
<th><!-- delete button --></th>
</tr>
</thead>
<tbody>
<tr>
<td>http://www.break.dev/video/ugc/nya-desu-2820800</td>
<td>http://www.break.dev/video/ugc/she-is-grow-up-2820799</td>
<td class="type">302</td>
<td class="date">3/4/2015 1:31:06 PM</td>
<td class="date">3/3/2015 1:30:38 PM</td>
<td class="last">
<button type="button" data-redirect-id="1511" class="ui-ButtonFlat ui-ButtonFlat--delete js-delete-redirect-button">Delete</button>
</td>
</tr>
<tr>
<td>http://www.break.dev/video/ugc/man-against-nature-2820805</td>
<td>http://www.break.dev/video/ugc/idiot-2820804</td>
<td class="type">302</td>
<td class="date">3/4/2015 12:30:44 PM</td>
<td class="date">3/5/2015 12:30:01 PM</td>
<td class="last">
<button type="button" data-redirect-id="1508" class="ui-ButtonFlat ui-ButtonFlat--delete js-delete-redirect-button">Delete</button>
</td>
</tr>
</tbody>
</table>
</section>
</body>
</html>
Raw
SassMeister-input.scss
// ----
// Sass (v3.4.12)
// Compass (v1.0.3)
// ----
/* ===[ IMPORTS ]=== */
@import "compass";
@import "compass/css3";
/*@import "utils/variables";
@import "utils/mixins";*/
/* ===[ COMPONENTS ]=== */
//@import "partials/components/datetime-picker";
/* ===[ MAIN ]=== */
.PageRedirect {
//@include fontSize(16px);
&__Validation-FromUrl::before {
content : 'From : ';
}
&__Validation-ToUrl::before {
content : 'To : ';
}
&__Validation-EndDate::before {
content : 'End On : ';
}
&__Form {
min-height: 215px;
margin-bottom: 20px;
select.ui-InputFlat {
display: block;
}
input.ui-InputFlat {
width: 60%;
}
.DateTimePicker {
display: inline-block;
input {
width: auto;
float: left;
margin-right: 5px;
}
button.ui-Icon {
margin-left: 5px;
}
}
button[type=submit] {
margin-top: 5px;
}
}
&__List {
td.type {
text-align: center;
vertical-align: middle;
}
td.date {
vertical-align: middle;
}
td.last {
width: 0; // use less space possible
vertical-align: middle;
}
}
}
Raw
SassMeister-output.css
/* ===[ IMPORTS ]=== */
/*@import "utils/variables";
@import "utils/mixins";*/
/* ===[ COMPONENTS ]=== */
/* ===[ MAIN ]=== */
.PageRedirect__Validation-FromUrl::before {
content: 'From : ';
}
.PageRedirect__Validation-ToUrl::before {
content: 'To : ';
}
.PageRedirect__Validation-EndDate::before {
content: 'End On : ';
}
.PageRedirect__Form {
min-height: 215px;
margin-bottom: 20px;
}
.PageRedirect__Form select.ui-InputFlat {
display: block;
}
.PageRedirect__Form input.ui-InputFlat {
width: 60%;
}
.PageRedirect__Form .DateTimePicker {
display: inline-block;
}
.PageRedirect__Form .DateTimePicker input {
width: auto;
float: left;
margin-right: 5px;
}
.PageRedirect__Form .DateTimePicker button.ui-Icon {
margin-left: 5px;
}
.PageRedirect__Form button[type=submit] {
margin-top: 5px;
}
.PageRedirect__List td.type {
text-align: center;
vertical-align: middle;
}
.PageRedirect__List td.date {
vertical-align: middle;
}
.PageRedirect__List td.last {
width: 0;
vertical-align: middle;
}
Raw
SassMeister-rendered.html
<!DOCTYPE html>
<head>
</head>
<body>
<section class="PageRedirect">
<h1>SEO 301/302 Redirect Tool</h1>
<div id="js-razor-validation" class="ui-MessageFlat ui-MessageFlat--error hidden">
</div>
<div id="js-form-container" class="PageRedirect__Form" data-config="{&quot;pageSize&quot; : 100000, &quot;pageNumber&quot; : 1, &quot;type&quot; : &quot;&quot;, &quot;postData&quot; : {}}"><form class="add-new-redirect" action="/pageredirect/create" method="POST" data-reactid=".1"><input name="pageNumber" value="1" data-reactid=".1.0" type="hidden"><input name="pageSize" value="100000" data-reactid=".1.1" type="hidden"><input name="type" value="" data-reactid=".1.2" type="hidden"><label class="ui-InputFlat--label" data-reactid=".1.3"><span data-reactid=".1.3.0">Redirect Type :</span><select class="ui-InputFlat" id="js-redirect-type" data-reactid=".1.3.1"><option value="301" data-reactid=".1.3.1.0">301</option><option value="302" data-reactid=".1.3.1.1">302</option></select></label><label class="ui-InputFlat--label" data-reactid=".1.4"><span data-reactid=".1.4.0">From :</span><input name="PageRedirect.FromPoint.Url" required="" class="ui-InputFlat" value="" data-reactid=".1.4.1" type="url"></label><label class="ui-InputFlat--label" data-reactid=".1.5"><span data-reactid=".1.5.0">Redirect To :</span><input name="PageRedirect.ToPoint.Url" required="" class="ui-InputFlat" value="" data-reactid=".1.5.1" type="url"></label><label class="hidden" data-reactid=".1.6"><span data-reactid=".1.6.0">End On :</span><div class="input-group date" data-reactid=".1.6.1"><input name="PageRedirect.EndDate" class="ui-InputFlat js-date-time" required="" disabled="" value="" data-reactid=".1.6.1.0" type="text"><button type="button" class="input-group-addon ui-ButtonFlat ui-ButtonFlat--small ui-ButtonFlat--edit ui-Icon ui-Icon--calendar" data-reactid=".1.6.1.1"></button><button class="ui-ButtonFlat ui-ButtonFlat--small ui-ButtonFlat--delete ui-Icon ui-Icon--trash" data-reactid=".1.6.1.2"></button></div></label><button type="submit" class="ui-ButtonFlat ui-ButtonFlat--add" data-reactid=".1.7">Save</button></form></div>
<table class="PageRedirect__List" summary="List of 301 redirects showing the original URL and the URL to which it redirects.">
<thead>
<tr>
<th>From</th>
<th>To</th>
<th>Type</th>
<th>Added On</th>
<th>End On</th>
<th><!-- delete button --></th>
</tr>
</thead>
<tbody>
<tr>
<td>http://www.break.dev/video/ugc/nya-desu-2820800</td>
<td>http://www.break.dev/video/ugc/she-is-grow-up-2820799</td>
<td class="type">302</td>
<td class="date">3/4/2015 1:31:06 PM</td>
<td class="date">3/3/2015 1:30:38 PM</td>
<td class="last">
<button type="button" data-redirect-id="1511" class="ui-ButtonFlat ui-ButtonFlat--delete js-delete-redirect-button">Delete</button>
</td>
</tr>
<tr>
<td>http://www.break.dev/video/ugc/man-against-nature-2820805</td>
<td>http://www.break.dev/video/ugc/idiot-2820804</td>
<td class="type">302</td>
<td class="date">3/4/2015 12:30:44 PM</td>
<td class="date">3/5/2015 12:30:01 PM</td>
<td class="last">
<button type="button" data-redirect-id="1508" class="ui-ButtonFlat ui-ButtonFlat--delete js-delete-redirect-button">Delete</button>
</td>
</tr>
</tbody>
</table>
</section>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment