Skip to content
Permalink
Browse files

Move logos to the HTML. (#123)

* Move logos to the HTML
* Move border-radius to the img element
  • Loading branch information
XhmikosR authored and emedvedev committed Nov 27, 2019
1 parent 287cd1a commit c976db862cf766e31206d04f6fbc3af63ce03b71
Showing with 6 additions and 10 deletions.
  1. +4 −9 scss/_common.scss
  2. +2 −1 views/main.pug
@@ -60,18 +60,13 @@ body {
}

.logo {
width: 4.8rem;
height: 4.8rem;
display: inline-block;
background-size: cover;

&.slack {
background-image: url("slack.svg");
}

&.org {
margin-right: 7rem;
border-radius: .56em;

img {
border-radius: .56em;
}

&::after {
position: absolute;
@@ -18,7 +18,6 @@ html(lang='en', class=`${large ? 'large' : ''}${iframe ? 'iframe' : ''} theme-${
| html .splash p.signin a:hover { background-color: #{theme.accent}; }
| html .splash button { background-color: #{theme.accent}; }
| html .splash button:not(.disabled):active { background-color: #{theme.accentDark}; }
| .logo.org { background-image: url("#{logo}"); }

if analytics
script(async, src=`https://www.googletagmanager.com/gtag/js?id={gaID}`)
@@ -35,7 +34,9 @@ html(lang='en', class=`${large ? 'large' : ''}${iframe ? 'iframe' : ''} theme-${
.logos
if logo
.logo.org
img(src=logo, alt=`${name}'s logo`, width='48', height='48')
.logo.slack
img(src=`${path}assets/slack.svg`, alt='Slack\'s logo', width='48', height='48')

if channels && channels.length === 1
p Join #[b= name] #[span ##{channels[0]}] on Slack.

0 comments on commit c976db8

Please sign in to comment.
You can’t perform that action at this time.