From 8b76f6a9041b6937275f79d2118100cfa3edb7aa Mon Sep 17 00:00:00 2001 From: Philippe Barbosa Date: Wed, 23 Mar 2016 12:13:10 +0100 Subject: [PATCH] Header size update --- app/festival/static/css/index.css | 71 ++++++++++--------- .../static/scss/components/_headers.scss | 11 +-- 2 files changed, 42 insertions(+), 40 deletions(-) diff --git a/app/festival/static/css/index.css b/app/festival/static/css/index.css index 8d46a348..5ec09920 100755 --- a/app/festival/static/css/index.css +++ b/app/festival/static/css/index.css @@ -1488,15 +1488,16 @@ th { /* line 33, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */ .header { background: #f7f7f7 url("../img/bg_manzoni--center.jpg") no-repeat top; - padding: 0.9rem 0; + padding: 0.9rem 0 0; + background-size: cover; } -/* line 38, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */ +/* line 39, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */ .header h1 { margin: 0; } -/* line 42, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */ +/* line 43, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */ .header__baseline { display: block; width: 100%; @@ -1506,48 +1507,48 @@ th { font-size: 1rem; } -/* line 55, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */ +/* line 56, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */ .header__logo { display: block; float: left; - max-width: 10rem; line-height: 1; + max-width: 15rem; } -/* line 61, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */ +/* line 62, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */ .header__logo--right { display: none; } -/* line 69, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */ +/* line 70, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */ .header__logo__img { max-height: 45px; width: auto; } -/* line 77, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */ +/* line 78, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */ .header__logo__text { position: absolute; top: -200%; } -/* line 89, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */ +/* line 90, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */ .navigation { display: none; } -/* line 97, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */ +/* line 98, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */ .menu { text-align: center; } -/* line 99, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */ +/* line 100, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */ .menu__item, .submenu__item { position: relative; overflow: visible; } -/* line 109, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */ +/* line 110, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */ .menu__item__link, .submenu__item__link { display: inline-block; padding: 0.45rem 1rem; @@ -1557,13 +1558,13 @@ th { text-transform: uppercase; } -/* line 120, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */ +/* line 121, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */ .submenu { padding-left: 0; text-align: center; } -/* line 138, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */ +/* line 139, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */ .submenu__item { background: #fff; display: inline-block; @@ -1571,26 +1572,26 @@ th { *zoom: 1; } -/* line 153, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */ +/* line 154, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */ .submenu__item__link { color: #696969; font-size: .75rem; } -/* line 161, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */ +/* line 162, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */ .menu__item:hover .submenu, .submenu__item:hover .submenu { opacity: 1; visibility: visible; } -/* line 166, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */ +/* line 167, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */ .menu__item:hover .submenu__item, .submenu__item:hover .submenu__item { opacity: 1; visibility: visible; margin: 0; } -/* line 178, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */ +/* line 179, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */ .nav__complementary { display: block; list-style: none; @@ -1602,7 +1603,7 @@ th { width: 100%; } -/* line 189, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */ +/* line 190, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */ .nav__complementary__item, .nav__complementary__item--facebook, .nav__complementary__item--twitter, .nav__complementary__item__lang { display: inline-block; *display: inline; @@ -1615,33 +1616,33 @@ th { border-radius: 0 0 3px 3px; } -/* line 200, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */ +/* line 201, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */ .nav__complementary__item a, .nav__complementary__item--facebook a, .nav__complementary__item--twitter a, .nav__complementary__item__lang a { color: white; } -/* line 204, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */ +/* line 205, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */ .nav__complementary__item--facebook { background: #3b5998; } -/* line 209, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */ +/* line 210, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */ .nav__complementary__item--twitter { background: #55acee; margin-right: 1rem; } -/* line 215, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */ +/* line 216, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */ .nav__complementary__item__lang { opacity: .6; } -/* line 218, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */ +/* line 219, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */ .nav__complementary__item__lang a { color: #bdc3c7; } -/* line 222, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */ +/* line 223, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */ .nav__complementary__item__lang.is-active { opacity: 1; } @@ -3188,26 +3189,26 @@ th { }/* line 214, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_forms.scss */ .select.search__form__select { width: 20%; - }/* line 42, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */ + }/* line 43, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */ .header__baseline { - line-height: 85px; - font-size: 1.5rem; - }/* line 61, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */ + line-height: 155px; + font-size: 1.8rem; + }/* line 62, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */ .header__logo--right { display: block; float: right; - }/* line 69, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */ + }/* line 70, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */ .header__logo__img { - max-height: 85px; - }/* line 89, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */ + max-height: 150px; + }/* line 90, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */ .navigation { display: block; - }/* line 99, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */ + }/* line 100, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */ .menu__item, .submenu__item { display: inline-block; display: inline; zoom: 1; - }/* line 120, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */ + }/* line 121, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */ .submenu { width: 140%; margin-left: -20%; @@ -3218,7 +3219,7 @@ th { opacity: 0; visibility: hidden; transition: opacity 0.3s ease-out, visibility 0.1s 0.1s linear; - }/* line 138, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */ + }/* line 139, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */ .submenu__item { opacity: 0; visibility: hidden; diff --git a/app/festival/static/scss/components/_headers.scss b/app/festival/static/scss/components/_headers.scss index b0c250d4..b42ae59d 100755 --- a/app/festival/static/scss/components/_headers.scss +++ b/app/festival/static/scss/components/_headers.scss @@ -33,7 +33,8 @@ .header { @extend .clearfix; background: $base_background_color url('../img/bg_manzoni--center.jpg') no-repeat top; - padding: $base_font_size 0; + padding: $base_font_size 0 0; + background-size: cover; h1 { margin: 0; @@ -47,16 +48,16 @@ font-weight: $regular; font-size: 1rem; @media (min-width : $desktop ) { - line-height: 85px; - font-size: 1.5rem; + line-height: 155px; + font-size: 1.8rem; } } &__logo { display: block; float: left; - max-width: 10rem; line-height: 1; + max-width: 15rem; &--right { display: none; @@ -70,7 +71,7 @@ max-height: 45px; width: auto; @media (min-width : $desktop ) { - max-height: 85px; + max-height: 150px; } } -- 2.39.5