Mark Otto
eb361fa6c1
Progress line height ( #21805 )
...
* remove obvi comments
* proper fix for #21801
- ensures .progress-bar text is vertically centered should the height of the .progress-bar change by matching the line-height and height values
- we can't use flexbox here because the inner text of an element doesn't count as a flex item
2017-01-21 12:32:38 -08:00
Mark Otto
a0141aa38e
Rewrite progress component without <progress> element
...
- <progress> element didn't allow animation, labels overlaid, multiple bars, etc.
- Revamps CSS to use something more similar to v3's implementation
- Ditches variant mixin for `bg-` utils
- Rebuilds docs to match, including adding a new Height section for customizing that.
Only potential remaining todo is adding `.sr-only` instances to within the bar. Unsure if that's necessary.
2016-12-30 22:46:00 -08:00
Bardi Harborow
855a67b1d6
Remove IE9 browser hacks. ( #21393 )
2016-12-22 13:41:31 -08:00
Mark Otto
23301b21cd
Remove most border-radius properties and instead use overflow: hidden; to properly round corners of a full progress bar. ( #21216 )
...
Fixes #19065 .
2016-11-26 18:46:46 -08:00
An Yang
af6eaf5438
Progress bar:fix border-radius to use variable progress-border-radius instead of border-radius
2016-07-20 01:03:40 +00:00
Mark Otto
03ec195974
linter overhaul
2016-02-06 12:28:18 -08:00
Chris Rebert
1e37f507d5
Respect $border-rounded inside progress bars too
...
[skip sauce]
2016-01-11 12:29:50 -08:00
Chris Rebert
46c9f4b143
Add $progress-box-shadow variable
...
[skip sauce]
[skip validator]
2016-01-09 14:59:08 -08:00
Chris Rebert
f547806e88
Remove associated comment too
...
Erratum from #18658
[ci skip]
2016-01-06 14:42:37 -08:00
Mark Otto
d46c7ef565
fixes #18658 : no more min-width action on progress bars. we had them in v3 and ended up removing them for additional problems it caused folks.
2016-01-06 14:33:58 -08:00
Chris Rebert
7cfdc771f8
Uncomment Firefox .progress styles; fixes #18536
...
[skip sauce]
[skip validator]
2015-12-23 23:19:44 -07:00
Chris Rebert
a96e522d6a
Organize existing .progress styles
2015-12-23 22:35:45 -07:00
Chris Rebert
646580a919
Actually use $progress-bg instead of hardcoded color
...
Refs #18535
[skip sauce]
2015-12-21 10:57:57 -07:00
Chris Rebert
0917b04711
Actually use $progress-bar-color instead of hardcoded color
...
Refs #18535
2015-12-21 10:57:57 -07:00
Patrick H. Lauke
3cfbeda08d
remove generated content value for progress
...
as it's currently not displayed, and (in my opinion) would look fugly if
it did appear...
2015-12-11 10:57:45 +00:00
Patrick H. Lauke
97461a51a2
progress bar for IE10+/Edge (radius, use ::-ms-fill, add variant mixins, striped support)
2015-12-11 08:58:11 +00:00
Chris Rebert
43b130022b
scss/_progress.scss: Add comments for IE9 CSS hacks
...
[skip sauce]
[skip validator]
2015-10-31 14:37:22 -07:00
Kevin Kirsche
29e4dd2fba
Fix accidental triple colon from :before to ::before conversion
...
Fix #17288 — Sorry about that!
2015-08-24 15:47:04 -04:00
Kevin Kirsche
d51f0a4f81
Use double colons for psuedo elements
...
Fix #17052
2015-08-24 13:22:10 -04:00
Mark Otto
c3373df95f
clean out comments that aren't all that helpful
2015-08-17 18:33:34 -07:00
Mark Otto
0ca9b21c34
drop the base (hahaha), no but seriously drop the -base from our vars since it's cleaner
2015-06-22 18:53:04 -07:00
Chris Rebert
82c9038f20
Unquote to avoid NUL chars in the output CSS
2015-05-15 12:17:13 -07:00
Mark Otto
ed89be1f44
Remove $line-height-computed
...
We have it set to `1` right now just to avoid compilation errors, but
it’s been replaced everywhere with our new spacer classes anywho. We’ll
likely want to remap that var to custom component vars though (e.g.,
`$pagination-margin` instead of `$spacer-y`).
2015-04-29 12:00:11 -07:00
Mark Otto
fef873a840
fix all validation, turn off some settings, add sort order
2014-12-11 12:05:29 -08:00
Mark Otto
27df020852
convert to scss
2014-12-02 14:02:35 -08:00