muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-25 12:56:41 +07:00
Code Packages Activity Actions

css grid to pack my layout

Browse source
This commit is contained in:
muerwre 2019-04-02 17:25:50 +07:00
parent 44e10599d7
commit debb0640da
20 changed files with 1212 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

57
src/components/main/Header/style.scss Normal file
View file

@ -0,0 +1,57 @@
.container {
display: flex;
align-items: center;
justify-content: flex-end;
font-weight: 500;
padding: $gap $spc;
}
.logo {
font-size: 1.4em;
font-weight: 800;
display: flex;
}
.spacer {
flex: 1;
}
.plugs {
display: flex;
> div {
//margin: 8px;
display: flex;
align-items: center;
position: relative;
padding: $gap;
&::after {
content: ' ';
margin-left: $spc;
background: white;
width: 2px;
height: $gap;
display: block;
}
}
}
.profile {
padding: 5px 10px;
box-shadow: white 0 0 0 1px;
border-radius: 10px;
}
.user_button {
padding: 0 $gap;
display: flex;
align-items: center;
}
.user_avatar {
width: 16px;
height: 16px;
background: transparentize(white, 0.5);
margin-right: $gap;
}