Fixed styling issues with Hikes

⚙ Fixed tabs/spaces issue
📱 Added responsiveness to YouTube embed
This commit is contained in:
theflametrooper
2016-10-15 15:15:30 +01:00
parent 549cfc305f
commit 6777823607
4 changed files with 12 additions and 36 deletions

View File

@@ -217,4 +217,9 @@ iframe.iphone {
@media (min-width: 1200px) and (max-width: 1250px){
right: -207px;
}
}
// YouTube embed
.embed-responsive-item {
max-width: 100%;
}

View File

@@ -35,7 +35,6 @@
@import "media.less";
@import "list-group.less";
@import "panels.less";
@import "responsive-embed.less";
@import "wells.less";
@import "close.less";

View File

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