Skip to content

Instantly share code, notes, and snippets.

@alkaithil
Created March 18, 2016 09:26
Show Gist options
  • Save alkaithil/e3d50777b7f2065a2b88 to your computer and use it in GitHub Desktop.
Save alkaithil/e3d50777b7f2065a2b88 to your computer and use it in GitHub Desktop.
Raw output of a git diff HEAD^
diff --git a/source/_patterns/02-organisms/05-detail/03-detail-habitaciones.mustache b/source/_patterns/02-organisms/05-detail/03-detail-habitaciones.mustache
index fbf92f5..dc4ef4a 100644
--- a/source/_patterns/02-organisms/05-detail/03-detail-habitaciones.mustache
+++ b/source/_patterns/02-organisms/05-detail/03-detail-habitaciones.mustache
@@ -211,37 +211,37 @@
<p class="wu-fg__label">Fotografías</p>
<div class="wu-gallery__thumbs">
<div class="wu-gallery__thumb">
- <a href="#"><img src="images/180x120.png" alt="Título de la imagen"></a>
+ <a href="#"><img src="images/120x90.png" alt="Título de la imagen"></a>
</div><!-- /.wu-gallery__thumb -->
<div class="wu-gallery__thumb">
- <a href="#"><img src="images/180x120.png" alt="Título de la imagen"></a>
+ <a href="#"><img src="images/120x90.png" alt="Título de la imagen"></a>
</div><!-- /.wu-gallery__thumb -->
<div class="wu-gallery__thumb">
- <a href="#"><img src="images/180x120.png" alt="Título de la imagen"></a>
+ <a href="#"><img src="images/120x90.png" alt="Título de la imagen"></a>
</div><!-- /.wu-gallery__thumb -->
<div class="wu-gallery__thumb">
- <a href="#"><img src="images/180x120.png" alt="Título de la imagen"></a>
+ <a href="#"><img src="images/120x90.png" alt="Título de la imagen"></a>
</div><!-- /.wu-gallery__thumb -->
<div class="wu-gallery__thumb">
- <a href="#"><img src="images/180x120.png" alt="Título de la imagen"></a>
+ <a href="#"><img src="images/120x90.png" alt="Título de la imagen"></a>
</div><!-- /.wu-gallery__thumb -->
<div class="wu-gallery__thumb">
- <a href="#"><img src="images/180x120.png" alt="Título de la imagen"></a>
+ <a href="#"><img src="images/120x90.png" alt="Título de la imagen"></a>
</div><!-- /.wu-gallery__thumb -->
<div class="wu-gallery__thumb">
- <a href="#"><img src="images/180x120.png" alt="Título de la imagen"></a>
+ <a href="#"><img src="images/120x90.png" alt="Título de la imagen"></a>
</div><!-- /.wu-gallery__thumb -->
<div class="wu-gallery__thumb">
- <a href="#"><img src="images/180x120.png" alt="Título de la imagen"></a>
+ <a href="#"><img src="images/120x90.png" alt="Título de la imagen"></a>
</div><!-- /.wu-gallery__thumb -->
<div class="wu-gallery__thumb">
- <a href="#"><img src="images/180x120.png" alt="Título de la imagen"></a>
+ <a href="#"><img src="images/120x90.png" alt="Título de la imagen"></a>
</div><!-- /.wu-gallery__thumb -->
<div class="wu-gallery__thumb">
- <a href="#"><img src="images/180x120.png" alt="Título de la imagen"></a>
+ <a href="#"><img src="images/120x90.png" alt="Título de la imagen"></a>
</div><!-- /.wu-gallery__thumb -->
<div class="wu-gallery__thumb">
- <a href="#"><img src="images/180x120.png" alt="Título de la imagen"></a>
+ <a href="#"><img src="images/120x90.png" alt="Título de la imagen"></a>
</div><!-- /.wu-gallery__thumb -->
</div>
</div>
diff --git a/source/css/scss/modules/_layout.scss b/source/css/scss/modules/_layout.scss
index 02f1498..e8f0c0c 100644
--- a/source/css/scss/modules/_layout.scss
+++ b/source/css/scss/modules/_layout.scss
@@ -113,11 +113,11 @@
}
&__globalpanel {
width: $globalpanel-width-xs;
- transform: translate3d($globalpanel-width-xs,0,0);
+ transform: translate3d(100%,0,0);
@media (min-width: $screen-sm) {
width: $globalpanel-width-sm;
- transform: translate3d($globalpanel-width-sm,0,0);
+ transform: translate3d(100%,0,0);
}
@media (min-width: $screen-md) {
width: $globalpanel-width-md;
diff --git a/source/css/scss/modules/habitaciones/_habitaciones-list.scss b/source/css/scss/modules/habitaciones/_habitaciones-list.scss
index 3a917cf..367ddda 100644
--- a/source/css/scss/modules/habitaciones/_habitaciones-list.scss
+++ b/source/css/scss/modules/habitaciones/_habitaciones-list.scss
@@ -42,11 +42,14 @@
}
.wu-habitacion__thumb {
- float: left;
- margin-right: 20px;
position: relative;
width: 180px;
+ @media (min-width: $screen-md) {
+ float: left;
+ margin-right: 20px;
+ }
+
.wu-label {
font-size: 10px;
bottom: 0;
@@ -57,8 +60,13 @@
}
}
.wu-habitacion__info {
- float: left;
- width: calc(100% - 200px); //thumb width + thumb margin
+ margin-top: 20px;
+
+ @media (min-width: $screen-md) {
+ float: left;
+ margin-top: 0;
+ width: calc(100% - 200px); //thumb width + thumb margin
+ }
&__title {
margin-right: 9px;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment