From e9273ebd72de9543b905baf57264165eec181b5d Mon Sep 17 00:00:00 2001 From: Philippe Barbosa Date: Fri, 8 Apr 2016 14:35:19 +0200 Subject: [PATCH] Location typo update, video card styles --- app/festival/static/css/index.css | 38 ++++++++++++------- app/festival/static/scss/base/_lists.scss | 1 + .../static/scss/base/_typography.scss | 2 +- app/festival/static/scss/index.scss | 3 +- app/festival/static/scss/modules/card.scss | 0 .../static/scss/modules/video-card.scss | 10 +++++ 6 files changed, 39 insertions(+), 15 deletions(-) create mode 100644 app/festival/static/scss/modules/card.scss diff --git a/app/festival/static/css/index.css b/app/festival/static/css/index.css index d5c02b60..c7a28fed 100755 --- a/app/festival/static/css/index.css +++ b/app/festival/static/css/index.css @@ -883,9 +883,10 @@ ol { list-style-type: none; margin: 0; padding: 0; + padding-left: 1rem; } -/* line 14, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_lists.scss */ +/* line 15, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_lists.scss */ ul li ul, ul li ol, ol li ul, @@ -896,32 +897,32 @@ ol li ol { /** * In case you nedd default style for list */ -/* line 24, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_lists.scss */ +/* line 25, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_lists.scss */ ul.default { list-style-type: disc; margin-bottom: 0.9rem; padding-left: 0.9rem; } -/* line 30, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_lists.scss */ +/* line 31, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_lists.scss */ ol.default { list-style-type: decimal; margin-bottom: 0.9rem; padding-left: 0.9rem; } -/* line 36, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_lists.scss */ +/* line 37, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_lists.scss */ dl { margin-bottom: 0.9rem; } -/* line 39, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_lists.scss */ +/* line 40, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_lists.scss */ dl dt { font-weight: bold; color: #333; } -/* line 45, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_lists.scss */ +/* line 46, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_lists.scss */ dl dd { margin: 0 0 0.9rem; } @@ -929,13 +930,13 @@ dl dd { /** * List inline */ -/* line 54, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_lists.scss */ +/* line 55, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_lists.scss */ .list-inline, .breadcrumb { display: block; padding: 0; } -/* line 57, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_lists.scss */ +/* line 58, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_lists.scss */ .list-inline li, .breadcrumb li { display: inline-block; *display: inline; @@ -3037,14 +3038,15 @@ th { position: relative; margin: 1%; width: 48%; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4); } -/* line 13, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/video-card.scss */ +/* line 23, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/video-card.scss */ .video__card__thumbnail img { display: block; } -/* line 17, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/video-card.scss */ +/* line 27, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/video-card.scss */ .video__card__info { display: block; text-align: center; @@ -3052,7 +3054,7 @@ th { padding: 1rem; } -/* line 24, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/video-card.scss */ +/* line 34, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/video-card.scss */ .video__card__name { margin: 0; text-transform: uppercase; @@ -3060,7 +3062,7 @@ th { font: 700 0.8em "Interstate", "Helvetica Neue", Helvetica, Arial, sans-serif; } -/* line 32, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/video-card.scss */ +/* line 42, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/video-card.scss */ .video__card__link { position: absolute; top: 0; @@ -3692,7 +3694,7 @@ th { } /* line 237, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_typography.scss */ .location__title{ - font: 700 1.3em/1.2 "Interstate", "Helvetica Neue", Helvetica, Arial, sans-serif; + 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{ @@ -3859,6 +3861,16 @@ th { .video__card{ width: 31%; } + /* line 1, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/video-card.scss */ + .video__card{ + transition: .3s; + } + /* line 17, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/video-card.scss */ + .video__card:hover{ + box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.8); + -webkit-transform: scale(1.01); + transform: scale(1.01); + } /* line 1, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/event-card.scss */ .event__card, .event__card--alt, .event__card--full{ float: left; diff --git a/app/festival/static/scss/base/_lists.scss b/app/festival/static/scss/base/_lists.scss index ca99ff36..676f3100 100755 --- a/app/festival/static/scss/base/_lists.scss +++ b/app/festival/static/scss/base/_lists.scss @@ -11,6 +11,7 @@ ol { list-style-type: none; margin: 0; padding: 0; + padding-left: 1rem; li ul, li ol { padding-left: 2rem; diff --git a/app/festival/static/scss/base/_typography.scss b/app/festival/static/scss/base/_typography.scss index 6a192a85..d65eb4b9 100755 --- a/app/festival/static/scss/base/_typography.scss +++ b/app/festival/static/scss/base/_typography.scss @@ -241,7 +241,7 @@ pre > p { font: $bold 1.1em/1.2 $base_font_family; color: $main_color_darker; @media (min-width : $desktop ) { - font: $bold 1.3em/1.2 $base_font_family; + font: $bold 1.7em/1.2 $base_font_family; } } diff --git a/app/festival/static/scss/index.scss b/app/festival/static/scss/index.scss index d09cbf5a..7c2c0191 100755 --- a/app/festival/static/scss/index.scss +++ b/app/festival/static/scss/index.scss @@ -71,7 +71,8 @@ /** * _Modules */ -@import 'modules/artist-card', +@import 'modules/card', + 'modules/artist-card', 'modules/artist-detail', 'modules/video-card', 'modules/event-card', diff --git a/app/festival/static/scss/modules/card.scss b/app/festival/static/scss/modules/card.scss new file mode 100644 index 00000000..e69de29b diff --git a/app/festival/static/scss/modules/video-card.scss b/app/festival/static/scss/modules/video-card.scss index ef733e32..f9c9409f 100644 --- a/app/festival/static/scss/modules/video-card.scss +++ b/app/festival/static/scss/modules/video-card.scss @@ -10,6 +10,16 @@ } + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4); + + @media (min-width : $desktop ) { + transition: .3s; + &:hover { + box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.8); + transform: scale(1.01); + } + } + &__thumbnail img { display: block; } -- 2.39.5