0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-01-24 23:49:45 -05:00
penpot/resources/styles/partials/sidebar-icons.scss
2016-03-01 20:39:50 +02:00

52 lines
1,010 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>
.figures-catalog {
width: 100%;
padding: $medium $medium 0 $medium;
select {
width: 100%;
margin-bottom: 0;
}
}
.figure-btn {
align-items: center;
background-color: $secondary-ui-bg;
border-radius: 3px;
border: 1px solid transparent;
cursor: pointer;
display: flex;
flex-shrink: 0;
height: 54px;
justify-content: center;
margin: $medium 0 0 $medium;
width: 54px;
svg {
fill: $intense-ui-icons;
height: 40px;
width: 40px;
}
&:hover {
background-color: $color-white;
border-color: $soft-ui-border;
}
&.selected {
background-color: $main-ui-color;
svg {
fill: $color-white;
}
}
}