diff --git a/sites/all/themes/custom/edlptheme/assets/dist/img/logo.svg b/sites/all/themes/custom/edlptheme/assets/dist/img/logo.svg new file mode 100644 index 000000000..6b1645b2e --- /dev/null +++ b/sites/all/themes/custom/edlptheme/assets/dist/img/logo.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/sites/all/themes/custom/edlptheme/assets/dist/styles/app.min.css b/sites/all/themes/custom/edlptheme/assets/dist/styles/app.min.css index 8af6316d0..e8a90e957 100644 --- a/sites/all/themes/custom/edlptheme/assets/dist/styles/app.min.css +++ b/sites/all/themes/custom/edlptheme/assets/dist/styles/app.min.css @@ -1146,42 +1146,18 @@ header[role="banner"] { display: inline-block; } #block-edlptheme-branding h1 { margin: 0; - display: inline-block; - font-size: 1.5em; - text-transform: lowercase; } - #block-edlptheme-branding h1 a { - line-height: 0.93; - text-align: center; - color: inherit; - text-decoration: none; - display: inline-block; - -webkit-columns: 3.74em 2; - columns: 3.74em 2; - -webkit-column-gap: 2em; - column-gap: 2em; - word-break: break-all; - -webkit-hyphens: auto; - -ms-hyphens: auto; - hyphens: auto; - position: relative; } - #block-edlptheme-branding h1 a:after, #block-edlptheme-branding h1 a:before { - content: ''; - position: absolute; - top: 50%; - height: 0; } - #block-edlptheme-branding h1 a:before { - left: 3.74em; - border-bottom: 0.08em solid #000; - width: 2.5em; - -webkit-transform: rotateZ(-45deg); - transform: rotateZ(-45deg); } - #block-edlptheme-branding h1 a:after { - top: 47%; - left: 4.74em; - border-top: 0.2em solid red; - width: 0.5em; - -webkit-transform: rotateZ(45deg); - transform: rotateZ(45deg); } + display: inline-block; } + #block-edlptheme-branding h1 a.site-name { + display: block; + width: 290px; + height: 63.8px; + background-image: url(../img/logo.svg); + background-color: white; + background-repeat: no-repeat; + background-size: contain; + white-space: nowrap; + text-indent: 500px; + overflow: hidden; } #block-mainnavigation { float: right; } diff --git a/sites/all/themes/custom/edlptheme/assets/img/logo.svg b/sites/all/themes/custom/edlptheme/assets/img/logo.svg new file mode 100644 index 000000000..998c4b8a0 --- /dev/null +++ b/sites/all/themes/custom/edlptheme/assets/img/logo.svg @@ -0,0 +1,176 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/sites/all/themes/custom/edlptheme/assets/styles/app.scss b/sites/all/themes/custom/edlptheme/assets/styles/app.scss index b1891204f..ea9d896dd 100644 --- a/sites/all/themes/custom/edlptheme/assets/styles/app.scss +++ b/sites/all/themes/custom/edlptheme/assets/styles/app.scss @@ -67,42 +67,54 @@ header[role="banner"]{ display: inline-block; h1{ margin:0; display: inline-block; - font-size: 1.5em; - text-transform: lowercase; - a{ - $col_w:3.74em; - $col_gap:2em; - line-height: 0.93; - text-align: center; - color: inherit; - text-decoration: none; - display: inline-block; - columns:$col_w 2; - column-gap: $col_gap; - word-break:break-all; - hyphens:auto; - position: relative; - &:after, &:before{ - content: ''; - position: absolute; - top:50%; - height:0; - } - &:before{ - left:$col_w; - border-bottom:0.08em solid #000; - width:2.5em; - transform: rotateZ(-45deg); - } - &:after{ - $w:0.5em; - top:47%; - left:($col_w+$col_gap/2); - border-top:0.2em solid red; - width:$w; - transform: rotateZ(45deg); - } + a.site-name{ + display: block; + $w:290px; + width:$w; height:$w * 0.22; + background-image: url(../img/logo.svg); + background-color: white; + background-repeat:no-repeat; + background-size: contain; + white-space: nowrap; + text-indent: 500px; + overflow: hidden; } + // font-size: 1.5em; + // text-transform: lowercase; + // a{ + // $col_w:3.74em; + // $col_gap:2em; + // line-height: 0.93; + // text-align: center; + // color: inherit; + // text-decoration: none; + // display: inline-block; + // columns:$col_w 2; + // column-gap: $col_gap; + // word-break:break-all; + // hyphens:auto; + // position: relative; + // &:after, &:before{ + // content: ''; + // position: absolute; + // top:50%; + // height:0; + // } + // &:before{ + // left:$col_w; + // border-bottom:0.08em solid #000; + // width:2.5em; + // transform: rotateZ(-45deg); + // } + // &:after{ + // $w:0.5em; + // top:47%; + // left:($col_w+$col_gap/2); + // border-top:0.2em solid red; + // width:$w; + // transform: rotateZ(45deg); + // } + // } } }