Skip to content

Instantly share code, notes, and snippets.

@claudioc

claudioc/gist:f32ebf9cb1572077f450db5b8cf2d18b

Last active April 27, 2016 18:07
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save claudioc/f32ebf9cb1572077f450db5b8cf2d18b to your computer and use it in GitHub Desktop.
Save claudioc/f32ebf9cb1572077f450db5b8cf2d18b to your computer and use it in GitHub Desktop.
Download ZIP
Raw
gistfile1.txt
--- The "custom" CSS, just adds a border
.left,
.right,
ons-progress-bar {
border: 1px solid magenta;
}
--- THE HTML
<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<!-- inject:css -->
<!-- endinject -->
</head>
<body>
<div id="js--root" class="root"></div>
<ons-navigator title="Navigator" id="navigator"></ons-navigator>
<ons-template id="template-email">
<ons-page id="page-email">
<ons-toolbar>
<div class="left"><ons-icon icon="md-close" size="24px"></ons-icon></div>
<div class="center"><ons-progress-bar></ons-progress-bar></div>
<div class="right"><ons-icon icon="md-close" size="24px"></ons-icon></div>
</ons-toolbar>
</ons-page>
</ons-template>
<!-- inject:js -->
<!-- endinject -->
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment