Hopiu/bootstrap
1
0
Fork 0
mirror of https://github.com/Hopiu/bootstrap.git synced 2026-05-19 17:21:52 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Extract responsive embed nested classes

Browse source 
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:
Haralan Dobrev 2015-02-02 19:26:30 +02:00
parent 33d8fde67c
commit b46dbef326
1 changed files with 10 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
less/responsive-embed.less
View file

@ -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%;
} }