From c30c645a0ba0afaac681f5cad9046d8c3ba2ed0d Mon Sep 17 00:00:00 2001 From: Rob Davies Date: Mon, 24 Apr 2017 11:31:29 +0100 Subject: [PATCH] Link styling tweaks --- web/themes/dcb2017/css/style.css | 28 +++++++++++++++++-- web/themes/dcb2017/css/style.css.map | 2 +- web/themes/dcb2017/sass/base/_mixins.scss | 4 ++- .../dcb2017/sass/components/_blocks.scss | 17 +++++++++++ .../dcb2017/sass/components/_menus.scss | 2 +- 5 files changed, 48 insertions(+), 5 deletions(-) diff --git a/web/themes/dcb2017/css/style.css b/web/themes/dcb2017/css/style.css index bedc6052b..296bb1884 100644 --- a/web/themes/dcb2017/css/style.css +++ b/web/themes/dcb2017/css/style.css @@ -71,7 +71,7 @@ ul.menu { text-transform: uppercase; } @media screen and (min-width: 37.5rem) { ul.menu li.menu-item { - padding: 1rem 1.5rem; } } + padding: 1rem 0.8rem; } } ul.menu li.menu-item a { color: black; text-decoration: none; } @@ -114,6 +114,28 @@ nav.menu--main { padding: 10rem 1rem; } } #block-homepagehero img { max-width: 100%; } + #block-homepagehero p { + margin: 1rem 0; } + #block-homepagehero a.tickets, + #block-homepagehero a.submit { + background: #b33ee9; + border: 0; + color: white; + font-size: 1rem; + font-weight: 600; + padding: 0.5rem 1rem; + text-decoration: none; + text-transform: uppercase; + display: inline-block; + font-size: 1.2rem; + margin: 0 0.5rem 0.5rem; + padding: 0.8rem 1.6rem; } + #block-homepagehero a.tickets:hover, #block-homepagehero a.tickets:focus, + #block-homepagehero a.submit:hover, + #block-homepagehero a.submit:focus { + background: #44efb9; } + #block-homepagehero a.tickets { + background-color: #ec16a8; } #block-dcbschedule { overflow: hidden; @@ -213,8 +235,10 @@ nav.menu--main { background: #b33ee9; border: 0; color: white; - font-weight: bold; + font-size: 1rem; + font-weight: 600; padding: 0.5rem 1rem; + text-decoration: none; text-transform: uppercase; } .form-submit:hover, .form-submit:focus { background: #44efb9; } diff --git a/web/themes/dcb2017/css/style.css.map b/web/themes/dcb2017/css/style.css.map index 83d10ef87..bcc80f748 100644 --- a/web/themes/dcb2017/css/style.css.map +++ b/web/themes/dcb2017/css/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["_global.scss","base/_variables.scss","layout/_header.scss","layout/_featured.scss","layout/_content.scss","layout/_content-top.scss","layout/_footer.scss","components/_menus.scss","base/_mixins.scss","components/_blocks.scss","components/_forms.scss"],"names":[],"mappings":"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","file":"style.css","sourcesContent":["html {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n}\n\na,\na:visited {\n color: $dcb-grey;\n\n &:hover,\n &:focus {\n color: black;\n }\n}\n\nh1, h2, h3, h4 {\n font-weight: 600;\n}\n","// Custom variables, colours etc.\n\n$dcb-green: #44efb9;\n$dcb-blue: #b33ee9;\n$dcb-purple: #ec16a8;\n\n$dcb-grey: #666;\n",".region-header {\n margin: 0 auto;\n max-width: 72rem;\n overflow: hidden;\n}\n",".region-featured {\n position: relative;\n\n &:after {\n background-image: url('../images/dcb-bg.jpg');\n background-position: center center;\n background-size: cover;\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: -1;\n }\n}\n\n.featured-footer {\n background: black;\n color: white;\n font-size: 1.2rem;\n font-weight: bold;\n padding: 1rem;\n text-align: center;\n}\n",".region-content {\n margin: 0 auto;\n max-width: 72rem;\n padding: 1rem;\n}\n",".region-content-top {\n overflow: hidden;\n}\n",".region-footer {\n margin: 0 auto;\n max-width: 72rem;\n padding: 1rem;\n}\n\n.layout-container > footer {\n background-image: url('../images/dcb-bg.jpg');\n background-position: center center;\n background-size: cover;\n}\n","ul.menu {\n margin: 0;\n padding: 0;\n text-align: center;\n\n @include media-tablet {\n text-align: left;\n }\n\n li.menu-item {\n display: inline-block;\n padding: 0.5rem 1rem;\n text-transform: uppercase;\n\n @include media-tablet {\n padding: 1rem 1.5rem;\n }\n\n a {\n color: black;\n text-decoration: none;\n\n &:hover,\n &:focus,\n &.is-active {\n color: $dcb-green;\n }\n }\n }\n}\n\nnav.menu--main {\n font-weight: bold;\n\n @include media-tablet {\n margin: 0.8rem;\n float: right;\n }\n}\n","// Tablet size breakpoint 600px.\n@mixin media-tablet {\n @media screen and (min-width: 37.5rem) {\n @content;\n }\n}\n\n// Desktop size breakpoint 900px.\n@mixin media-large {\n @media screen and (min-width: 56.25rem) {\n @content;\n }\n}\n\n// Wide Desktop size breakpoint 1200px.\n@mixin media-wide {\n @media screen and (min-width: 75rem) {\n @content;\n }\n}\n\n@mixin button {\n background: $dcb-blue;\n border: 0;\n color: white;\n font-weight: bold;\n padding: 0.5rem 1rem;\n text-transform: uppercase;\n\n &:hover,\n &:focus {\n background: $dcb-green;\n }\n}\n",".block-system-branding-block {\n margin: 0.5rem auto;\n width: 8rem;\n\n @include media-tablet {\n float: left;\n margin: 0.5rem 2rem;\n width: auto;\n }\n}\n\n.site-logo img {\n display: block;\n max-width: 100%;\n width: 11rem;\n}\n\n#block-homepagehero {\n font-size: 1.8rem;\n line-height: 1.2;\n margin: auto;\n max-width: 30rem;\n padding: 3rem 1rem;\n text-align: center;\n\n @include media-large {\n padding: 6rem 1rem;\n }\n\n @include media-wide {\n padding: 10rem 1rem;\n }\n\n img {\n max-width: 100%;\n }\n}\n\n#block-dcbschedule {\n overflow: hidden;\n position: relative;\n\n .field {\n box-sizing: border-box;\n padding: 2rem 2rem 2rem;\n position: relative;\n text-align: center;\n text-transform: uppercase;\n\n @include media-large {\n float: left;\n padding: 3rem 3rem 3rem;\n position: static;\n width: 33.333%;\n }\n\n @include media-wide {\n padding: 5rem 4rem 4rem;\n }\n\n &:before {\n bottom: 0;\n content: '';\n left: 0;\n position: absolute;\n top: 0;\n width: 100%;\n z-index: -1;\n background-position: center;\n background-size: cover;\n\n @include media-large {\n width: 33.333%;\n }\n }\n\n &.field--name-field-cxo-text:before {\n background-image: url('../images/cxo.jpg');\n\n @include media-large {\n left: 0;\n }\n }\n &.field--name-field-dev-text:before {\n background-image: url('../images/dev.jpg');\n\n @include media-large {\n left: 33.333%;\n }\n }\n &.field--name-field-sprint-text:before {\n background-image: url('../images/sprint.jpg');\n\n @include media-large {\n left: 66.666%;\n }\n }\n }\n\n p, h2 {\n margin: 0;\n }\n\n h2 {\n font-size: 5rem;\n font-weight: 700;\n line-height: 1;\n\n @include media-large {\n font-size: 3rem;\n }\n\n @include media-wide {\n font-size: 5rem;\n }\n }\n\n .schedule-day {\n font-size: 2.5rem;\n font-weight: bold;\n\n @include media-large {\n font-size: 2rem;\n }\n\n @include media-wide {\n font-size: 2.5rem;\n }\n }\n\n .schedule-location {\n font-size: 1.6rem;\n font-weight: 600;\n padding-top: 2rem;\n\n @include media-large {\n font-size: 1.2rem;\n }\n\n @include media-wide {\n font-size: 1.6rem;\n }\n }\n\n .schedule-date {\n font-size: 1.6rem;\n font-weight: 600;\n\n @include media-large {\n font-size: 1.2rem;\n }\n\n @include media-wide {\n font-size: 1.6rem;\n }\n }\n}\n",".form-item > label {\n display: block;\n font-weight: 600;\n\n &.option {\n display: inline;\n font-weight: normal;\n }\n}\n\n.form-submit {\n @include button;\n}\n\n.form-text,\n.form-email {\n max-width: 95%;\n}\n"]} \ No newline at end of file +{"version":3,"sources":["_global.scss","base/_variables.scss","layout/_header.scss","layout/_featured.scss","layout/_content.scss","layout/_content-top.scss","layout/_footer.scss","components/_menus.scss","base/_mixins.scss","components/_blocks.scss","components/_forms.scss"],"names":[],"mappings":"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","file":"style.css","sourcesContent":["html {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n}\n\na,\na:visited {\n color: $dcb-grey;\n\n &:hover,\n &:focus {\n color: black;\n }\n}\n\nh1, h2, h3, h4 {\n font-weight: 600;\n}\n","// Custom variables, colours etc.\n\n$dcb-green: #44efb9;\n$dcb-blue: #b33ee9;\n$dcb-purple: #ec16a8;\n\n$dcb-grey: #666;\n",".region-header {\n margin: 0 auto;\n max-width: 72rem;\n overflow: hidden;\n}\n",".region-featured {\n position: relative;\n\n &:after {\n background-image: url('../images/dcb-bg.jpg');\n background-position: center center;\n background-size: cover;\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: -1;\n }\n}\n\n.featured-footer {\n background: black;\n color: white;\n font-size: 1.2rem;\n font-weight: bold;\n padding: 1rem;\n text-align: center;\n}\n",".region-content {\n margin: 0 auto;\n max-width: 72rem;\n padding: 1rem;\n}\n",".region-content-top {\n overflow: hidden;\n}\n",".region-footer {\n margin: 0 auto;\n max-width: 72rem;\n padding: 1rem;\n}\n\n.layout-container > footer {\n background-image: url('../images/dcb-bg.jpg');\n background-position: center center;\n background-size: cover;\n}\n","ul.menu {\n margin: 0;\n padding: 0;\n text-align: center;\n\n @include media-tablet {\n text-align: left;\n }\n\n li.menu-item {\n display: inline-block;\n padding: 0.5rem 1rem;\n text-transform: uppercase;\n\n @include media-tablet {\n padding: 1rem 0.8rem;\n }\n\n a {\n color: black;\n text-decoration: none;\n\n &:hover,\n &:focus,\n &.is-active {\n color: $dcb-green;\n }\n }\n }\n}\n\nnav.menu--main {\n font-weight: bold;\n\n @include media-tablet {\n margin: 0.8rem;\n float: right;\n }\n}\n","// Tablet size breakpoint 600px.\n@mixin media-tablet {\n @media screen and (min-width: 37.5rem) {\n @content;\n }\n}\n\n// Desktop size breakpoint 900px.\n@mixin media-large {\n @media screen and (min-width: 56.25rem) {\n @content;\n }\n}\n\n// Wide Desktop size breakpoint 1200px.\n@mixin media-wide {\n @media screen and (min-width: 75rem) {\n @content;\n }\n}\n\n@mixin button {\n background: $dcb-blue;\n border: 0;\n color: white;\n font-size: 1rem;\n font-weight: 600;\n padding: 0.5rem 1rem;\n text-decoration: none;\n text-transform: uppercase;\n\n &:hover,\n &:focus {\n background: $dcb-green;\n }\n}\n",".block-system-branding-block {\n margin: 0.5rem auto;\n width: 8rem;\n\n @include media-tablet {\n float: left;\n margin: 0.5rem 2rem;\n width: auto;\n }\n}\n\n.site-logo img {\n display: block;\n max-width: 100%;\n width: 11rem;\n}\n\n#block-homepagehero {\n font-size: 1.8rem;\n line-height: 1.2;\n margin: auto;\n max-width: 30rem;\n padding: 3rem 1rem;\n text-align: center;\n\n @include media-large {\n padding: 6rem 1rem;\n }\n\n @include media-wide {\n padding: 10rem 1rem;\n }\n\n img {\n max-width: 100%;\n }\n\n p {\n margin: 1rem 0;\n }\n\n a.tickets,\n a.submit {\n @include button;\n display: inline-block;\n font-size: 1.2rem;\n margin: 0 0.5rem 0.5rem;\n padding: 0.8rem 1.6rem;\n }\n\n a.tickets {\n background-color: $dcb-purple;\n }\n}\n\n#block-dcbschedule {\n overflow: hidden;\n position: relative;\n\n .field {\n box-sizing: border-box;\n padding: 2rem 2rem 2rem;\n position: relative;\n text-align: center;\n text-transform: uppercase;\n\n @include media-large {\n float: left;\n padding: 3rem 3rem 3rem;\n position: static;\n width: 33.333%;\n }\n\n @include media-wide {\n padding: 5rem 4rem 4rem;\n }\n\n &:before {\n bottom: 0;\n content: '';\n left: 0;\n position: absolute;\n top: 0;\n width: 100%;\n z-index: -1;\n background-position: center;\n background-size: cover;\n\n @include media-large {\n width: 33.333%;\n }\n }\n\n &.field--name-field-cxo-text:before {\n background-image: url('../images/cxo.jpg');\n\n @include media-large {\n left: 0;\n }\n }\n &.field--name-field-dev-text:before {\n background-image: url('../images/dev.jpg');\n\n @include media-large {\n left: 33.333%;\n }\n }\n &.field--name-field-sprint-text:before {\n background-image: url('../images/sprint.jpg');\n\n @include media-large {\n left: 66.666%;\n }\n }\n }\n\n p, h2 {\n margin: 0;\n }\n\n h2 {\n font-size: 5rem;\n font-weight: 700;\n line-height: 1;\n\n @include media-large {\n font-size: 3rem;\n }\n\n @include media-wide {\n font-size: 5rem;\n }\n }\n\n .schedule-day {\n font-size: 2.5rem;\n font-weight: bold;\n\n @include media-large {\n font-size: 2rem;\n }\n\n @include media-wide {\n font-size: 2.5rem;\n }\n }\n\n .schedule-location {\n font-size: 1.6rem;\n font-weight: 600;\n padding-top: 2rem;\n\n @include media-large {\n font-size: 1.2rem;\n }\n\n @include media-wide {\n font-size: 1.6rem;\n }\n }\n\n .schedule-date {\n font-size: 1.6rem;\n font-weight: 600;\n\n @include media-large {\n font-size: 1.2rem;\n }\n\n @include media-wide {\n font-size: 1.6rem;\n }\n }\n}\n",".form-item > label {\n display: block;\n font-weight: 600;\n\n &.option {\n display: inline;\n font-weight: normal;\n }\n}\n\n.form-submit {\n @include button;\n}\n\n.form-text,\n.form-email {\n max-width: 95%;\n}\n"]} \ No newline at end of file diff --git a/web/themes/dcb2017/sass/base/_mixins.scss b/web/themes/dcb2017/sass/base/_mixins.scss index 2718b0ac1..8cd6663b5 100644 --- a/web/themes/dcb2017/sass/base/_mixins.scss +++ b/web/themes/dcb2017/sass/base/_mixins.scss @@ -23,8 +23,10 @@ background: $dcb-blue; border: 0; color: white; - font-weight: bold; + font-size: 1rem; + font-weight: 600; padding: 0.5rem 1rem; + text-decoration: none; text-transform: uppercase; &:hover, diff --git a/web/themes/dcb2017/sass/components/_blocks.scss b/web/themes/dcb2017/sass/components/_blocks.scss index 52153ac1b..b4bbdc9f1 100644 --- a/web/themes/dcb2017/sass/components/_blocks.scss +++ b/web/themes/dcb2017/sass/components/_blocks.scss @@ -34,6 +34,23 @@ img { max-width: 100%; } + + p { + margin: 1rem 0; + } + + a.tickets, + a.submit { + @include button; + display: inline-block; + font-size: 1.2rem; + margin: 0 0.5rem 0.5rem; + padding: 0.8rem 1.6rem; + } + + a.tickets { + background-color: $dcb-purple; + } } #block-dcbschedule { diff --git a/web/themes/dcb2017/sass/components/_menus.scss b/web/themes/dcb2017/sass/components/_menus.scss index 342e40498..664a42210 100644 --- a/web/themes/dcb2017/sass/components/_menus.scss +++ b/web/themes/dcb2017/sass/components/_menus.scss @@ -13,7 +13,7 @@ ul.menu { text-transform: uppercase; @include media-tablet { - padding: 1rem 1.5rem; + padding: 1rem 0.8rem; } a {