mirror of
https://github.com/tenrok/bootstrap.git
synced 2026-06-11 18:02:28 +03:00
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:
@@ -22,14 +22,14 @@
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
border: 0;
|
border: 0;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
// Modifier class for 16:9 aspect ratio
|
// Modifier class for 16:9 aspect ratio
|
||||||
&.embed-responsive-16by9 {
|
.embed-responsive-16by9 {
|
||||||
padding-bottom: 56.25%;
|
padding-bottom: 56.25%;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Modifier class for 4:3 aspect ratio
|
// Modifier class for 4:3 aspect ratio
|
||||||
&.embed-responsive-4by3 {
|
.embed-responsive-4by3 {
|
||||||
padding-bottom: 75%;
|
padding-bottom: 75%;
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user