playground
/
ratchet
mirror of https://github.com/twbs/ratchet.git
1
0
Fork 0
Code Issues Releases Activity
Browse Source

Merge pull request #362 from twbs/chevrons 

Changing .push-{left,right}  to .navigate-{left,right}
pull/367/head
Connor Sears 11 years ago
parent
d7d4c108b6 7a51f86a0b
commit
c6c7a958e0
16 changed files with 109 additions and 89 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      dist/ratchet-theme-android.css
  2. 4
      dist/ratchet.css
  3. 2
      dist/ratchet.min.css
  4. 10
      dist/template.html
  5. 2
      docs/assets/css/docs.css
  6. 55
      docs/components.html
  7. 2
      docs/dist/ratchet-theme-android.css
  8. 4
      docs/dist/ratchet.css
  9. 2
      docs/dist/ratchet.min.css
  10. 10
      docs/dist/template.html
  11. 28
      docs/examples/app-android-notes/index.html
  12. 30
      docs/examples/app-ios-mail/inbox.html
  13. 14
      docs/examples/app-ios-mail/index.html
  14. 24
      docs/examples/app-movies/index.html
  15. 6
      sass/push.scss
  16. 3
      sass/theme-android.scss

2
dist/ratchet-theme-android.css vendored
Unescape View File

@ -525,10 +525,12 @@ textarea,
content: "On";
}
.navigate-left:after,
.push-left:after {
content: '';
}
.navigate-right:after,
.push-right:after {
content: '';
}

4
dist/ratchet.css vendored
Unescape View File

@ -1204,6 +1204,8 @@ select {
transform: translate3d(100%, 0, 0);
}
.navigate-left:after,
.navigate-right:after,
.push-left:after,
.push-right:after {
position: absolute;
@ -1220,11 +1222,13 @@ select {
transform: translateY(-50%);
}
.navigate-left:after,
.push-left:after {
left: 15px;
content: '\e822';
}
.navigate-right:after,
.push-right:after {
right: 15px;
content: '\e826';

2
dist/ratchet.min.css vendored
View File

File diff suppressed because one or more lines are too long

10
dist/template.html vendored
Unescape View File

@ -10,7 +10,7 @@
<!-- Makes your prototype chrome-less once bookmarked to your phone's home screen -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<!-- Set a shorter title for iOS6 devices when saved to home screen -->
<meta name="apple-mobile-web-app-title" content="Ratchet">
@ -47,22 +47,22 @@
<div class="card">
<ul class="table-view">
<li class="table-view-cell">
<a class="push-right" href="http://goratchet.com">
<a class="navigate-right" href="http://goratchet.com">
<strong>Ratchet documentation</strong>
</a>
</li>
<li class="table-view-cell">
<a class="push-right" href="https://github.com/twbs/ratchet/">
<a class="navigate-right" href="https://github.com/twbs/ratchet/">
<strong>Ratchet on Github</strong>
</a>
</li>
<li class="table-view-cell">
<a class="push-right" href="https://groups.google.com/forum/#!forum/goratchet">
<a class="navigate-right" href="https://groups.google.com/forum/#!forum/goratchet">
<strong>Ratchet Google group</strong>
</a>
</li>
<li class="table-view-cell">
<a class="push-right" href="https://www.twitter.com/GoRatchet">
<a class="navigate-right" href="https://www.twitter.com/GoRatchet">
<strong>Ratchet on Twitter</strong>
</a>
</li>

2
docs/assets/css/docs.css
Unescape View File

@ -2069,9 +2069,11 @@ hr {
color: #fff;
content: "On";
}
.platform-android .navigate-left:after,
.platform-android .push-left:after {
content: '';
}
.platform-android .navigate-right:after,
.platform-android .push-right:after {
content: '';
}

55
docs/components.html
Unescape View File

@ -382,22 +382,22 @@ title: Components &middot; Ratchet
<article class="component">
<h3 class="component-title">Table view with chevrons</h3>
<p class="component-description">Chevrons should be used to indicate that the item is linked. Just apply the classes <code>.push-right</code> or <code>.push-left</code> to use a chevron.</p>
<p class="component-description">Chevrons should be used to indicate that the item is linked. Just apply the classes <code>.navigate-right</code> or <code>.navigate-left</code> to use a chevron.</p>
<div class="component-example component-example-fullbleed">
<ul class="table-view">
<li class="table-view-cell">
<a class="push-right">
<a class="navigate-right">
Item 1
</a>
</li>
<li class="table-view-cell">
<a class="push-right">
<a class="navigate-right">
Item 2
</a>
</li>
<li class="table-view-cell">
<a class="push-right">
<a class="navigate-right">
Item 3
</a>
</li>
@ -407,17 +407,17 @@ title: Components &middot; Ratchet
{% highlight html %}
<ul class="table-view">
<li class="table-view-cell">
<a class="push-right">
<a class="navigate-right">
Item 1
</a>
</li>
<li class="table-view-cell">
<a class="push-right">
<a class="navigate-right">
Item 2
</a>
</li>
<li class="table-view-cell">
<a class="push-right">
<a class="navigate-right">
Item 3
</a>
</li>
@ -455,19 +455,19 @@ title: Components &middot; Ratchet
<div class="component-example component-example-fullbleed">
<ul class="table-view">
<li class="table-view-cell">
<a class="push-right">
<a class="navigate-right">
<span class="badge">5</span>
Item 1
</a>
</li>
<li class="table-view-cell">
<a class="push-right">
<a class="navigate-right">
<span class="badge">5</span>
Item 2
</a>
</li>
<li class="table-view-cell">
<a class="push-right">
<a class="navigate-right">
<span class="badge">5</span>
Item 3
</a>
@ -478,19 +478,19 @@ title: Components &middot; Ratchet
{% highlight html %}
<ul class="table-view">
<li class="table-view-cell">
<a class="push-right">
<a class="navigate-right">
<span class="badge">5</span>
Item 1
</a>
</li>
<li class="table-view-cell">
<a class="push-right">
<a class="navigate-right">
<span class="badge">5</span>
Item 2
</a>
</li>
<li class="table-view-cell">
<a class="push-right">
<a class="navigate-right">
<span class="badge">5</span>
Item 3
</a>
@ -507,7 +507,7 @@ title: Components &middot; Ratchet
<div class="component-example component-example-fullbleed">
<ul class="table-view">
<li class="table-view-cell media">
<a class="push-right">
<a class="navigate-right">
<img class="media-object pull-left" src="http://placehold.it/42x42" alt="Placeholder image">
<div class="media-body">
Item 1
@ -516,7 +516,7 @@ title: Components &middot; Ratchet
</a>
</li>
<li class="table-view-cell media">
<a class="push-right">
<a class="navigate-right">
<img class="media-object pull-left" src="http://placehold.it/42x42" alt="Placeholder image">
<div class="media-body">
Item 1
@ -525,7 +525,7 @@ title: Components &middot; Ratchet
</a>
</li>
<li class="table-view-cell media">
<a class="push-right">
<a class="navigate-right">
<img class="media-object pull-left" src="http://placehold.it/42x42" alt="Placeholder image">
<div class="media-body">
Item 1
@ -539,7 +539,7 @@ title: Components &middot; Ratchet
{% highlight html %}
<ul class="table-view">
<li class="table-view-cell media">
<a class="push-right">
<a class="navigate-right">
<img class="media-object pull-left" src="http://placehold.it/42x42">
<div class="media-body">
Item 1
@ -548,7 +548,7 @@ title: Components &middot; Ratchet
</a>
</li>
<li class="table-view-cell media">
<a class="push-right">
<a class="navigate-right">
<img class="media-object pull-left" src="http://placehold.it/42x42">
<div class="media-body">
Item 1
@ -557,7 +557,7 @@ title: Components &middot; Ratchet
</a>
</li>
<li class="table-view-cell media">
<a class="push-right">
<a class="navigate-right">
<img class="media-object pull-left" src="http://placehold.it/42x42">
<div class="media-body">
Item 1
@ -577,7 +577,7 @@ title: Components &middot; Ratchet
<div class="component-example component-example-fullbleed">
<ul class="table-view">
<li class="table-view-cell media">
<a class="push-right">
<a class="navigate-right">
<span class="media-object pull-left icon icon-trash"></span>
<div class="media-body">
Item 1
@ -585,7 +585,7 @@ title: Components &middot; Ratchet
</a>
</li>
<li class="table-view-cell media">
<a class="push-right">
<a class="navigate-right">
<span class="media-object pull-left icon icon-gear"></span>
<div class="media-body">
Item 2
@ -593,7 +593,7 @@ title: Components &middot; Ratchet
</a>
</li>
<li class="table-view-cell media">
<a class="push-right">
<a class="navigate-right">
<span class="media-object pull-left icon icon-pages"></span>
<div class="media-body">
Item 3
@ -606,7 +606,7 @@ title: Components &middot; Ratchet
{% highlight html %}
<ul class="table-view">
<li class="table-view-cell media">
<a class="push-right">
<a class="navigate-right">
<span class="media-object pull-left icon icon-trash"></span>
<div class="media-body">
Item 1
@ -614,7 +614,7 @@ title: Components &middot; Ratchet
</a>
</li>
<li class="table-view-cell media">
<a class="push-right">
<a class="navigate-right">
<span class="media-object pull-left icon icon-gear"></span>
<div class="media-body">
Item 2
@ -622,7 +622,7 @@ title: Components &middot; Ratchet
</a>
</li>
<li class="table-view-cell media">
<a class="push-right">
<a class="navigate-right">
<span class="media-object pull-left icon icon-pages"></span>
<div class="media-body">
Item 3
@ -1103,7 +1103,6 @@ document
</a>
</header>
{% endhighlight %}
</article>
<!-- Modals -->
@ -1225,7 +1224,7 @@ document
<div class="card">
<ul class="table-view">
<li class="table-view-cell">
<a class="push-right" href="../two.html" data-transition="slide-in">
<a class="navigate-right" href="../two.html" data-transition="slide-in">
Load new page with push
</a>
</li>
@ -1242,7 +1241,7 @@ document
<div class="card">
<ul class="table-view">
<li class="table-view-cell">
<a class="push-right" href="../two.html" data-transition="slide-in">
<a class="navigate-right" href="../two.html" data-transition="slide-in">
Load new page with push
</a>
</li>

2
docs/dist/ratchet-theme-android.css vendored
Unescape View File

@ -525,10 +525,12 @@ textarea,
content: "On";
}
.navigate-left:after,
.push-left:after {
content: '';
}
.navigate-right:after,
.push-right:after {
content: '';
}

4
docs/dist/ratchet.css vendored
Unescape View File

@ -1204,6 +1204,8 @@ select {
transform: translate3d(100%, 0, 0);
}
.navigate-left:after,
.navigate-right:after,
.push-left:after,
.push-right:after {
position: absolute;
@ -1220,11 +1222,13 @@ select {
transform: translateY(-50%);
}
.navigate-left:after,
.push-left:after {
left: 15px;
content: '\e822';
}
.navigate-right:after,
.push-right:after {
right: 15px;
content: '\e826';

2
docs/dist/ratchet.min.css vendored
View File

File diff suppressed because one or more lines are too long

10
docs/dist/template.html vendored
Unescape View File

@ -10,7 +10,7 @@
<!-- Makes your prototype chrome-less once bookmarked to your phone's home screen -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<!-- Set a shorter title for iOS6 devices when saved to home screen -->
<meta name="apple-mobile-web-app-title" content="Ratchet">
@ -47,22 +47,22 @@
<div class="card">
<ul class="table-view">
<li class="table-view-cell">
<a class="push-right" href="http://goratchet.com">
<a class="navigate-right" href="http://goratchet.com">
<strong>Ratchet documentation</strong>
</a>
</li>
<li class="table-view-cell">
<a class="push-right" href="https://github.com/twbs/ratchet/">
<a class="navigate-right" href="https://github.com/twbs/ratchet/">
<strong>Ratchet on Github</strong>
</a>
</li>
<li class="table-view-cell">
<a class="push-right" href="https://groups.google.com/forum/#!forum/goratchet">
<a class="navigate-right" href="https://groups.google.com/forum/#!forum/goratchet">
<strong>Ratchet Google group</strong>
</a>
</li>
<li class="table-view-cell">
<a class="push-right" href="https://www.twitter.com/GoRatchet">
<a class="navigate-right" href="https://www.twitter.com/GoRatchet">
<strong>Ratchet on Twitter</strong>
</a>
</li>

28
docs/examples/app-android-notes/index.html
Unescape View File

@ -31,79 +31,79 @@
<ul class="table-view">
<li class="table-view-cell">
<a class="push-right" href="choose-theater.html" data-transition="slide-in">
<a class="navigate-right" href="choose-theater.html" data-transition="slide-in">
Note title goes here
<p>Lorem ipsum dolor sit amet...</p>
</a>
</li>
<li class="table-view-cell">
<a class="push-right" href="choose-theater.html" data-transition="slide-in">
<a class="navigate-right" href="choose-theater.html" data-transition="slide-in">
Note title goes here
<p>Lorem ipsum dolor sit amet...</p>
</a>
</li>
<li class="table-view-cell">
<a class="push-right" href="choose-theater.html" data-transition="slide-in">
<a class="navigate-right" href="choose-theater.html" data-transition="slide-in">
Note title goes here
<p>Lorem ipsum dolor sit amet...</p>
</a>
</li>
<li class="table-view-cell">
<a class="push-right" href="choose-theater.html" data-transition="slide-in">
<a class="navigate-right" href="choose-theater.html" data-transition="slide-in">
Note title goes here
<p>Lorem ipsum dolor sit amet...</p>
</a>
</li>
<li class="table-view-cell">
<a class="push-right" href="choose-theater.html" data-transition="slide-in">
<a class="navigate-right" href="choose-theater.html" data-transition="slide-in">
Note title goes here
<p>Lorem ipsum dolor sit amet...</p>
</a>
</li>
<li class="table-view-cell">
<a class="push-right" href="choose-theater.html" data-transition="slide-in">
<a class="navigate-right" href="choose-theater.html" data-transition="slide-in">
Note title goes here
<p>Lorem ipsum dolor sit amet...</p>
</a>
</li>
<li class="table-view-cell">
<a class="push-right" href="choose-theater.html" data-transition="slide-in">
<a class="navigate-right" href="choose-theater.html" data-transition="slide-in">
Note title goes here
<p>Lorem ipsum dolor sit amet...</p>
</a>
</li>
<li class="table-view-cell">
<a class="push-right" href="choose-theater.html" data-transition="slide-in">
<a class="navigate-right" href="choose-theater.html" data-transition="slide-in">
Note title goes here
<p>Lorem ipsum dolor sit amet...</p>
</a>
</li>
<li class="table-view-cell">
<a class="push-right" href="choose-theater.html" data-transition="slide-in">
<a class="navigate-right" href="choose-theater.html" data-transition="slide-in">
Note title goes here
<p>Lorem ipsum dolor sit amet...</p>
</a>
</li>
<li class="table-view-cell">
<a class="push-right" href="choose-theater.html" data-transition="slide-in">
<a class="navigate-right" href="choose-theater.html" data-transition="slide-in">
Note title goes here
<p>Lorem ipsum dolor sit amet...</p>
</a>
</li>
<li class="table-view-cell">
<a class="push-right" href="choose-theater.html" data-transition="slide-in">
<a class="navigate-right" href="choose-theater.html" data-transition="slide-in">
Note title goes here
<p>Lorem ipsum dolor sit amet...</p>
</a>
</li>
<li class="table-view-cell">
<a class="push-right" href="choose-theater.html" data-transition="slide-in">
<a class="navigate-right" href="choose-theater.html" data-transition="slide-in">
Note title goes here
<p>Lorem ipsum dolor sit amet...</p>
</a>
</li>
<li class="table-view-cell">
<a class="push-right" href="choose-theater.html" data-transition="slide-in">
<a class="navigate-right" href="choose-theater.html" data-transition="slide-in">
Note title goes here
<p>Lorem ipsum dolor sit amet...</p>
</a>
@ -120,7 +120,7 @@
Settings
</h1>
</header>
<div class="content">
<h5>User settings</h5>

30
docs/examples/app-ios-mail/inbox.html
Unescape View File

@ -23,91 +23,91 @@
<ul class="table-view">
<li class="table-view-cell">
<a class="push-right" href="#">
<a class="navigate-right" href="#">
Email subject line here
<p>Lorem ipsum dolor sit amet...</p>
</a>
</li>
<li class="table-view-cell">
<a class="push-right" href="#">
<a class="navigate-right" href="#">
Email subject line here
<p>Lorem ipsum dolor sit amet...</p>
</a>
</li>
<li class="table-view-cell">
<a class="push-right" href="#">
<a class="navigate-right" href="#">
Email subject line here
<p>Lorem ipsum dolor sit amet...</p>
</a>
</li>
<li class="table-view-cell">
<a class="push-right" href="#">
<a class="navigate-right" href="#">
Email subject line here
<p>Lorem ipsum dolor sit amet...</p>
</a>
</li>
<li class="table-view-cell">
<a class="push-right" href="#">
<a class="navigate-right" href="#">
Email subject line here
<p>Lorem ipsum dolor sit amet...</p>
</a>
</li>
<li class="table-view-cell">
<a class="push-right" href="#">
<a class="navigate-right" href="#">
Email subject line here
<p>Lorem ipsum dolor sit amet...</p>
</a>
</li>
<li class="table-view-cell">
<a class="push-right" href="#">
<a class="navigate-right" href="#">
Email subject line here
<p>Lorem ipsum dolor sit amet...</p>
</a>
</li>
<li class="table-view-cell">
<a class="push-right" href="#">
<a class="navigate-right" href="#">
Email subject line here
<p>Lorem ipsum dolor sit amet...</p>
</a>
</li>
<li class="table-view-cell">
<a class="push-right" href="#">
<a class="navigate-right" href="#">
Email subject line here
<p>Lorem ipsum dolor sit amet...</p>
</a>
</li>
<li class="table-view-cell">
<a class="push-right" href="#">
<a class="navigate-right" href="#">
Email subject line here
<p>Lorem ipsum dolor sit amet...</p>
</a>
</li>
<li class="table-view-cell">
<a class="push-right" href="#">
<a class="navigate-right" href="#">
Email subject line here
<p>Lorem ipsum dolor sit amet...</p>
</a>
</li>
<li class="table-view-cell">
<a class="push-right" href="#">
<a class="navigate-right" href="#">
Email subject line here
<p>Lorem ipsum dolor sit amet...</p>
</a>
</li>
<li class="table-view-cell">
<a class="push-right" href="#">
<a class="navigate-right" href="#">
Email subject line here
<p>Lorem ipsum dolor sit amet...</p>
</a>
</li>
<li class="table-view-cell">
<a class="push-right" href="#">
<a class="navigate-right" href="#">
Email subject line here
<p>Lorem ipsum dolor sit amet...</p>
</a>
</li>
<li class="table-view-cell">
<a class="push-right" href="#">
<a class="navigate-right" href="#">
Email subject line here
<p>Lorem ipsum dolor sit amet...</p>
</a>

14
docs/examples/app-ios-mail/index.html
Unescape View File

@ -17,7 +17,7 @@
<a class="icon icon-refresh pull-right"></a>
<h1 class="title">Mailboxes</h1>
</header>
<div class="bar bar-footer">
<a class="icon icon-compose pull-right" href="#composeModal"></a>
<small class="updated-text">Updated just now</small>
@ -27,7 +27,7 @@
<ul class="table-view">
<li class="table-view-cell media">
<a class="push-right" href="inbox.html" data-transition="slide-in">
<a class="navigate-right" href="inbox.html" data-transition="slide-in">
<span class="media-object icon icon-pages pull-left"></span>
<div class="media-body">
All inboxes
@ -35,7 +35,7 @@
</a>
</li>
<li class="table-view-cell media">
<a class="push-right" href="inbox.html" data-transition="slide-in">
<a class="navigate-right" href="inbox.html" data-transition="slide-in">
<span class="media-object icon icon-person pull-left"></span>
<div class="media-body">
Personal email
@ -43,7 +43,7 @@
</a>
</li>
<li class="table-view-cell media">
<a class="push-right" href="inbox.html" data-transition="slide-in">
<a class="navigate-right" href="inbox.html" data-transition="slide-in">
<span class="media-object icon icon-star-filled pull-left"></span>
<div class="media-body">
Starred
@ -51,7 +51,7 @@
</a>
</li>
<li class="table-view-cell media">
<a class="push-right" href="inbox.html" data-transition="slide-in">
<a class="navigate-right" href="inbox.html" data-transition="slide-in">
<span class="media-object icon icon-trash pull-left"></span>
<div class="media-body">
Trash
@ -63,7 +63,7 @@
<h5 class="content-padded">Other accounts</h5>
<ul class="table-view">
<li class="table-view-cell media">
<a class="push-right" href="inbox.html" data-transition="slide-in">
<a class="navigate-right" href="inbox.html" data-transition="slide-in">
<span class="media-object icon icon-more pull-left"></span>
<div class="media-body">
Misc
@ -84,7 +84,7 @@
</a>
<h1 class="title">New message</h1>
</header>
<div class="content">
<form class="input-group">
<input type="text" placeholder="To:">

24
docs/examples/app-movies/index.html
Unescape View File

@ -16,7 +16,7 @@
<a class="icon icon-gear pull-right" href="#settingsModal" ></a>
<h1 class="title">Movie finder</h1>
</header>
<div class="bar bar-standard bar-header-secondary">
<form>
<input type="search" placeholder="Search">
@ -24,7 +24,7 @@
</div>
<div class="content">
<div class="slider">
<div class="slide-group">
<div class="slide">
@ -42,7 +42,7 @@
<ul class="table-view">
<li class="table-view-cell table-view-divider">Recommended movies</li>
<li class="table-view-cell media">
<a class="push-right" href="choose-theater.html" data-transition="slide-in">
<a class="navigate-right" href="choose-theater.html" data-transition="slide-in">
<img class="media-object pull-left" src="http://placehold.it/64x64" alt="Placeholder image for Argo's poster">
<div class="media-body">
Argo
@ -51,7 +51,7 @@
</a>
</li>
<li class="table-view-cell media">
<a class="push-right" href="choose-theater.html" data-transition="slide-in">
<a class="navigate-right" href="choose-theater.html" data-transition="slide-in">
<img class="media-object pull-left" src="http://placehold.it/64x64" alt="Placeholder image for Skyfall's poster">
<div class="media-body">
Skyfall: 007
@ -60,7 +60,7 @@
</a>
</li>
<li class="table-view-cell media">
<a class="push-right" href="choose-theater.html" data-transition="slide-in">
<a class="navigate-right" href="choose-theater.html" data-transition="slide-in">
<img class="media-object pull-left" src="http://placehold.it/64x64" alt="Placeholder image for Wreck-it Ralph's poster">
<div class="media-body">
Wreck-it Ralph
@ -69,7 +69,7 @@
</a>
</li>
<li class="table-view-cell media">
<a class="push-right" href="choose-theater.html" data-transition="slide-in">
<a class="navigate-right" href="choose-theater.html" data-transition="slide-in">
<img class="media-object pull-left" src="http://placehold.it/64x64" alt="Placeholder image for Argo's poster">
<div class="media-body">
Argo
@ -78,7 +78,7 @@
</a>
</li>
<li class="table-view-cell media">
<a class="push-right" href="choose-theater.html" data-transition="slide-in">
<a class="navigate-right" href="choose-theater.html" data-transition="slide-in">
<img class="media-object pull-left" src="http://placehold.it/64x64" alt="Placeholder image for Skyfall's poster">
<div class="media-body">
Skyfall: 007
@ -87,7 +87,7 @@
</a>
</li>
<li class="table-view-cell media">
<a class="push-right" href="choose-theater.html" data-transition="slide-in">
<a class="navigate-right" href="choose-theater.html" data-transition="slide-in">
<img class="media-object pull-left" src="http://placehold.it/64x64" alt="Placeholder image for Wreck-it Ralph's poster">
<div class="media-body">
Wreck-it Ralph
@ -96,7 +96,7 @@
</a>
</li>
<li class="table-view-cell media">
<a class="push-right" href="choose-theater.html" data-transition="slide-in">
<a class="navigate-right" href="choose-theater.html" data-transition="slide-in">
<img class="media-object pull-left" src="http://placehold.it/64x64" alt="Placeholder image for Argo's poster">
<div class="media-body">
Argo
@ -105,7 +105,7 @@
</a>
</li>
<li class="table-view-cell media">
<a class="push-right" href="choose-theater.html" data-transition="slide-in">
<a class="navigate-right" href="choose-theater.html" data-transition="slide-in">
<img class="media-object pull-left" src="http://placehold.it/64x64" alt="Placeholder image for Skyfall's poster">
<div class="media-body">
Skyfall: 007
@ -114,7 +114,7 @@
</a>
</li>
<li class="table-view-cell media">
<a class="push-right" href="choose-theater.html" data-transition="slide-in">
<a class="navigate-right" href="choose-theater.html" data-transition="slide-in">
<img class="media-object pull-left" src="http://placehold.it/64x64" alt="Placeholder image for Wreck-it Ralph's poster">
<div class="media-body">
Wreck-it Ralph
@ -131,7 +131,7 @@
<a class="icon icon-close pull-right" href="#settingsModal"></a>
<h1 class="title">Settings</h1>
</header>
<div class="content">
<form class="input-group">
<input type="text" placeholder="Full name">

6
sass/push.scss
Unescape View File

@ -34,6 +34,8 @@
}
// Add chevrons to elements
.navigate-left,
.navigate-right,
.push-left,
.push-right {
&:after {
@ -49,11 +51,13 @@
@include transform(translateY(-50%));
}
}
.navigate-left:after,
.push-left:after {
left: 15px;
content: '\e822';
}
.push-right:after {
.navigate-right:after,
.push-right:after{
right: 15px;
content: '\e826';
}

3
sass/theme-android.scss
Unescape View File

@ -697,9 +697,12 @@ textarea,
// Push icons
// --------------------------------------------------
// Deprecated `push-left` and `push-right` as of 2.0.1
.navigate-left:after,
.push-left:after {
content: '';
}
.navigate-right:after,
.push-right:after {
content: '';
}

Write Preview
Loading…
Cancel
Save