javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(progress): Set progress element's default width to 100%, closes #872

Browse Source
This commit is contained in:
Adam Bradley
2014-03-24 08:48:12 -05:00
parent f8c6660632
commit b9cde47dd0
4 changed files with 44 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
scss/_progress.scss Normal file
View File

@@ -0,0 +1,10 @@
/**
* Progress
* --------------------------------------------------
*/
progress {
margin: $progress-margin;
width: $progress-width;
}

7
scss/_variables.scss
View File

@@ -419,6 +419,13 @@ $input-label-color: $dark !default;
$input-color-placeholder: lighten($dark, 40%) !default;
// Progress
// -------------------------------
$progress-width: 100% !default;
$progress-margin: 15px 0 !default;
// Toggle
// -------------------------------

1
scss/ionic.scss
View File

@@ -32,6 +32,7 @@
"toggle",
"radio",
"range",
"progress",
// Buttons
"button",

26
test/html/progress.html Normal file
View File

@@ -0,0 +1,26 @@
<html>
<head>
<meta charset="utf-8">
<title>Progress</title>
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
<link href="../../dist/css/ionic.css" rel="stylesheet">
</head>
<body>
<header class="bar bar-header bar-dark">
<h1 class="title">Progress</h1>
</header>
<main class="content padding has-header">
<progress></progress>
<progress value=3 max=10></progress>
<progress value=7 max=10></progress>
<p><a class="button button-secondary" href="./">All CSS Tests</a></p>
</main>
</body>
</html>