0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-01-11 01:10:28 -05:00
penpot/frontend/resources/styles/main/partials/tool-bar.scss
2016-11-20 20:03:17 +01:00

57 lines
1,000 B
SCSS

// This Source Code Form is subject to the terms of the Mozilla Public
// License, v. 2.0. If a copy of the MPL was not distributed with this
// file, You can obtain one at http://mozilla.org/MPL/2.0/.
//
// Copyright (c) 2015-2016 Andrey Antukh <niwi@niwi.nz>
// Copyright (c) 2015-2016 Juan de la Cruz <delacruzgarciajuan@gmail.com>
.tool-bar {
background-color: $color-gray-dark;
bottom: 0;
height: 100%;
position: fixed;
left: 0;
width: 50px;
z-index: 10;
.tool-bar-inside {
padding-top: 70px;
.main-tools {
align-items: center;
display: flex;
flex-direction: column;
li {
cursor: pointer;
margin-bottom: $big;
svg {
fill: $color-gray-light;
height: 25px;
width: 25px;
}
&:hover {
svg {
fill: $color-white;
}
}
&.current {
svg {
fill: $color-primary;
}
}
}
}
}
}