From: Philippe Barbosa <contact@philippebarbosa.com>
Date: Fri, 8 Apr 2016 13:36:54 +0000 (+0200)
Subject: Location styles updates
X-Git-Url: https://git.parisson.com/?a=commitdiff_plain;h=cd016b1947bd54b981907cc1f80e44a7baa74901;p=mezzo.git

Location styles updates
---

diff --git a/app/festival/static/css/index.css b/app/festival/static/css/index.css
index 5157a1ab..f4640bc8 100755
--- a/app/festival/static/css/index.css
+++ b/app/festival/static/css/index.css
@@ -805,15 +805,6 @@ pre > p {
 }
 
 /* line 237, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_typography.scss */
-.location__title {
-  text-transform: uppercase;
-  margin: 0;
-  padding: 0;
-  font: 700 1.1em/1.2 "Interstate", "Helvetica Neue", Helvetica, Arial, sans-serif;
-  color: #c4a563;
-}
-
-/* line 248, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_typography.scss */
 .section__title {
   line-height: 1.6;
   font-family: "Interstate", "Helvetica Neue", Helvetica, Arial, sans-serif;
@@ -3591,13 +3582,106 @@ th {
   margin-bottom: 0;
 }
 
-/* line 1, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/user.scss */
-.user__panel {
-  margin: 1rem auto;
-  padding: .5rem 1rem;
-  background: #f7f7f7;
-  color: #000;
+/**
+ * Tabs navigation
+ */
+/* line 8, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/tabs.scss */
+.c-tabs-nav {
+  display: block;
+  float: left;
+  text-align: left;
+  width: 40%;
+}
+
+/* line 18, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/tabs.scss */
+.c-tabs-nav__link {
+  color: #d2ba88;
+  display: block;
+  transition: color 0.3s;
+  font-size: .6em;
+  padding: 0.25rem;
+}
+
+/* line 32, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/tabs.scss */
+.c-tabs-nav__link:last-child {
+  margin-right: 0;
+}
+
+/* line 40, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/tabs.scss */
+.c-tabs-nav__link.is-active {
+  color: #b18d43;
+}
+
+/* line 45, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/tabs.scss */
+.c-tabs-nav__link i,
+.c-tabs-nav__link span {
+  margin: 0;
+  padding: 0;
+  line-height: 1;
+}
+
+/* line 52, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/tabs.scss */
+.c-tabs-nav__link i {
+  font-size: 18px;
+}
+
+/* line 56, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/tabs.scss */
+.c-tabs-nav__link span {
+  display: none;
+  font-size: 18px;
+}
+
+/**
+ * Tab
+ */
+/* line 74, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/tabs.scss */
+.c-tab {
+  display: none;
+  float: left;
+  width: 60%;
+}
+
+/* line 84, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/tabs.scss */
+.c-tab.is-active {
+  display: block;
+}
+
+/* line 88, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/tabs.scss */
+.c-tab__content {
+  padding-left: .5rem;
+}
+
+/**
+ * Tabs no-js fallback
+ */
+/* line 95, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/tabs.scss */
+.c-tabs.no-js .c-tabs-nav {
+  display: none;
+}
+
+/* line 99, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/tabs.scss */
+.c-tabs.no-js .c-tab {
+  display: block;
+  margin-bottom: 1.5rem;
+}
+
+/* line 104, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/tabs.scss */
+.c-tabs.no-js .c-tab:last-child {
+  margin-bottom: 0;
+}
+
+/* line 1, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/location.scss */
+.location__title {
   text-transform: uppercase;
+  margin: 0;
+  padding: 0;
+  font: 700 1.1em/1.2 "Interstate", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  color: #c4a563;
+}
+
+/* line 13, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/location.scss */
+.location__map img {
+  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4);
 }
 @media all and (min-width: 720px){
   /* line 62, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/tabs.scss */
@@ -3609,6 +3693,15 @@ th {
   .c-tabs-nav__link span{
     display: block;
   }
+  /* line 62, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/tabs.scss */
+  .c-tabs-nav__link i{
+    margin-bottom: 12px;
+    font-size: 22px;
+  }
+  /* line 66, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/tabs.scss */
+  .c-tabs-nav__link span{
+    display: block;
+  }
 }
 @media (min-width: 769px){
   /* line 72, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_layout.scss */
@@ -3693,10 +3786,6 @@ th {
     margin: 0rem 0 1rem;
   }
   /* line 237, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_typography.scss */
-  .location__title{
-    font: 700 1.7em/1.2 "Interstate", "Helvetica Neue", Helvetica, Arial, sans-serif;
-  }
-  /* line 248, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_typography.scss */
   .section__title{
     font-size: 1.8rem;
   }
@@ -3911,6 +4000,32 @@ th {
   .c-tab{
     width: 70%;
   }
+  /* line 8, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/tabs.scss */
+  .c-tabs-nav{
+    width: 30%;
+  }
+  /* line 18, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/tabs.scss */
+  .c-tabs-nav__link{
+    padding: 0;
+    font-size: .75rem;
+    line-height: 1.6;
+  }
+  /* line 74, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/tabs.scss */
+  .c-tab{
+    width: 70%;
+  }
+  /* line 1, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/location.scss */
+  .location__title{
+    font: 700 1.7em/1.2 "Interstate", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  }
+  /* line 13, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/location.scss */
+  .location__map img{
+    transition: .3s;
+  }
+  /* line 17, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/location.scss */
+  .location__map img:hover{
+    box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.8);
+  }
 }
 @media (min-width: 1200px){
   /* line 5, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_layout.scss */
diff --git a/app/festival/static/scss/index.scss b/app/festival/static/scss/index.scss
index 7c2c0191..0f5af632 100755
--- a/app/festival/static/scss/index.scss
+++ b/app/festival/static/scss/index.scss
@@ -84,4 +84,5 @@
         'modules/push-calendar',
         'modules/calendar',
         'modules/tabs',
-        'modules/user';
\ No newline at end of file
+        'modules/tabs',
+        'modules/location';
\ No newline at end of file
diff --git a/app/festival/static/scss/modules/location.scss b/app/festival/static/scss/modules/location.scss
new file mode 100644
index 00000000..999fa693
--- /dev/null
+++ b/app/festival/static/scss/modules/location.scss
@@ -0,0 +1,23 @@
+.location__title {
+  text-transform: uppercase;
+  margin: 0;
+  padding: 0;
+  font: $bold 1.1em/1.2 $base_font_family;
+  color: $main_color_darker;
+  @media (min-width : $desktop ) {
+    font: $bold 1.7em/1.2 $base_font_family;
+  }
+}
+
+.location__map {
+  img {
+    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4);
+    @media (min-width : $desktop ) {
+        transition: .3s;
+        &:hover {
+            box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.8);
+            // transform: scale(1.01);
+        }
+    }
+  }
+}
\ No newline at end of file