1
0
mirror of https://github.com/mgerb/go-discord-bot synced 2026-01-09 08:32:48 +00:00
Files
go-discord-bot/client/app/components/header/header.scss
2018-08-19 18:31:08 -05:00

38 lines
747 B
SCSS

@import '../../scss/variables';
.header {
position: fixed;
top: 0;
left: 0;
background: linear-gradient(to right, $primaryBlue, darken($primaryBlue, 20%));
height: 50px;
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
padding-right: 20px;
&__title-container {
display: flex;
align-items: center;
}
&__nav-button {
display: flex;
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
margin-right: 10px;
background: $primaryBlue;
border: none;
color: $white;
border-right: 1px solid darken($primaryBlue, 2%);
cursor: pointer;
outline: none;
&:hover {
background: darken($primaryBlue, 5%);
}
}
}