paltman
10/28/2017, 4:53 PMpaltman
10/28/2017, 4:53 PM<div class="usage-meter" data-usage="{{ storage.percentage }}%"></div>
instead of having to set inline stylepaltman
10/28/2017, 4:54 PMpaltman
10/28/2017, 5:00 PM.usage-container {
.usage {
@extend .progress;
.usage-meter {
@extend .progress-bar;
@for $i from 0 through 100 {
&.usage-#{$i} {
width: round(percentage($i/100));
}
}
}
}
}
paltman
10/28/2017, 5:00 PM<div class="usage-container">
<div class="usage-label">{{ storage.bytes_used|readable_bytes }} of {{ storage.bytes_total|readable_bytes }}</div>
<div class="usage usage-{{ storage.color }}">
<div class="usage-meter usage-{{ storage.percentage }}"></div>
</div>
</div>
user
10/28/2017, 6:37 PM<https://github.com/pinax/pinax_theme_tester/commit/cdfb0c7|cdfb0c7>
to primary.user
10/28/2017, 7:38 PM<https://github.com/pinax/pinax_theme_tester/commit/1c221ee|1c221ee>
to primary.user
10/29/2017, 4:17 PM<https://github.com/pinax/pinax_theme_tester/commit/5f0b300|5f0b300>
to primary.user
10/30/2017, 4:00 PM<https://github.com/pinax/pinax_theme_tester/commit/d7f4acc|d7f4acc>
to primary.user
10/30/2017, 4:29 PM<https://github.com/pinax/pinax_theme_tester/commit/a6d6407|a6d6407>
to primary.user
10/30/2017, 4:33 PM<https://github.com/pinax/pinax_theme_tester/commit/b2787b8|b2787b8>
to primary.user
10/30/2017, 8:01 PM<https://github.com/pinax/pinax_theme_tester/commit/ccf82ee|ccf82ee>
to primary.user
10/30/2017, 8:27 PM<https://github.com/pinax/pinax_theme_tester/commit/1550c92|1550c92>
to primary.user
10/30/2017, 9:24 PM<https://github.com/pinax/pinax_theme_tester/commit/d7a0f5d|d7a0f5d>
to primary.user
10/31/2017, 2:08 PM<https://github.com/pinax/pinax_theme_tester/commit/7c0809b|7c0809b>
to primary.user
01/13/2018, 1:03 AM<https://github.com/pinax/pinax_theme_tester/commit/a584ce7|a584ce7>
to primary.user
01/26/2018, 5:09 AM<https://github.com/pinax/pinax_theme_tester/commit/e82b33f|e82b33f>
to primary.user
01/27/2018, 2:55 AM<https://github.com/pinax/pinax_theme_tester/commit/ad1d362|ad1d362>
to primary.user
01/27/2018, 9:04 PM<https://github.com/pinax/pinax_theme_tester/commit/eac9729|eac9729>
to primary.user
01/28/2018, 8:02 PM<https://github.com/pinax/pinax_theme_tester/commit/ab2ae36|ab2ae36>
to primary.user
01/28/2018, 8:17 PM<https://github.com/pinax/pinax_theme_tester/commit/d3cdb7f|d3cdb7f>
to primary.jwegner
11/30/2018, 2:29 AMjwegner
11/30/2018, 2:34 AMGitHub (Legacy)
11/30/2018, 2:37 AMGitHub (Legacy)
11/30/2018, 2:38 AMjwegner
11/30/2018, 2:39 AMjwegner
11/30/2018, 2:39 AMjwegner
11/30/2018, 2:39 AMjwegner
11/30/2018, 2:40 AMjwegner
11/30/2018, 2:41 AM