Do not use BEM

This commit is contained in:
taehoon 2019-02-04 13:34:07 -05:00
parent 5675b9326c
commit 13ee624341

View file

@ -9,7 +9,7 @@
> >
<div class="side-drawer-heading" @click="toggleDrawer"> <div class="side-drawer-heading" @click="toggleDrawer">
<user-card-content :user="currentUser" :switcher="false" :hideBio="true" v-if="currentUser"/> <user-card-content :user="currentUser" :switcher="false" :hideBio="true" v-if="currentUser"/>
<div class="side-drawer__logo-wrapper" v-else> <div class="side-drawer-logo-wrapper" v-else>
<img :src="logo"/> <img :src="logo"/>
<span>{{sitename}}</span> <span>{{sitename}}</span>
</div> </div>
@ -142,23 +142,23 @@
box-shadow: var(--panelShadow); box-shadow: var(--panelShadow);
background-color: $fallback--bg; background-color: $fallback--bg;
background-color: var(--bg, $fallback--bg); background-color: var(--bg, $fallback--bg);
}
&__logo-wrapper { .side-drawer-logo-wrapper {
display: flex; display: flex;
align-items: center; align-items: center;
padding: 0.85em; padding: 0.85em;
img { img {
flex: none; flex: none;
height: 50px; height: 50px;
margin-right: 0.85em; margin-right: 0.85em;
} }
span { span {
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
}
} }
} }