mirror of https://github.com/twbs/bootstrap.git
Extract responsive embed nested classes
I think this is the more common coding convention across Bootstrap. Extract nested classes as first-class citizens and assume HTML would use both.
This commit is contained in:
parent
33d8fde67c
commit
b46dbef326
|
@ -22,14 +22,14 @@
|
||||||
width: 100%;
|
width: 100%;
|
||||||
border: 0;
|
border: 0;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
// Modifier class for 16:9 aspect ratio
|
|
||||||
&.embed-responsive-16by9 {
|
// Modifier class for 16:9 aspect ratio
|
||||||
padding-bottom: 56.25%;
|
.embed-responsive-16by9 {
|
||||||
}
|
padding-bottom: 56.25%;
|
||||||
|
}
|
||||||
// Modifier class for 4:3 aspect ratio
|
|
||||||
&.embed-responsive-4by3 {
|
// Modifier class for 4:3 aspect ratio
|
||||||
padding-bottom: 75%;
|
.embed-responsive-4by3 {
|
||||||
}
|
padding-bottom: 75%;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue