Fixed styling issues with Hikes
⚙ Fixed tabs/spaces issue
📱 Added responsiveness to YouTube embed
This commit is contained in:
@@ -217,4 +217,9 @@ iframe.iphone {
|
||||
@media (min-width: 1200px) and (max-width: 1250px){
|
||||
right: -207px;
|
||||
}
|
||||
}
|
||||
|
||||
// YouTube embed
|
||||
.embed-responsive-item {
|
||||
max-width: 100%;
|
||||
}
|
1
client/less/lib/bootstrap/bootstrap.less
vendored
1
client/less/lib/bootstrap/bootstrap.less
vendored
@@ -35,7 +35,6 @@
|
||||
@import "media.less";
|
||||
@import "list-group.less";
|
||||
@import "panels.less";
|
||||
@import "responsive-embed.less";
|
||||
@import "wells.less";
|
||||
@import "close.less";
|
||||
|
||||
|
@@ -1,35 +0,0 @@
|
||||
// Embeds responsive
|
||||
//
|
||||
// Credit: Nicolas Gallagher and SUIT CSS.
|
||||
|
||||
.embed-responsive {
|
||||
position: relative;
|
||||
display: block;
|
||||
height: 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
|
||||
.embed-responsive-item,
|
||||
iframe,
|
||||
embed,
|
||||
object,
|
||||
video {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
// Modifier class for 16:9 aspect ratio
|
||||
&.embed-responsive-16by9 {
|
||||
padding-bottom: 56.25%;
|
||||
}
|
||||
|
||||
// Modifier class for 4:3 aspect ratio
|
||||
&.embed-responsive-4by3 {
|
||||
padding-bottom: 75%;
|
||||
}
|
||||
}
|
Reference in New Issue
Block a user