0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-01-24 07:29:08 -05:00
penpot/frontend/resources/styles/main/partials/sidebar-icons.scss

50 lines
931 B
SCSS
Raw Normal View History

2016-03-01 20:39:13 +02:00
// 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) KALEIDOS INC
2016-03-01 20:39:13 +02:00
2016-02-14 20:37:01 +01:00
.figures-catalog {
width: 100%;
2021-10-05 10:16:44 +02:00
padding: $size-4 $size-4 0 $size-4;
2016-02-14 20:37:01 +01:00
select {
color: $color-gray-10;
2016-02-14 20:37:01 +01:00
width: 100%;
margin-bottom: 0;
}
}
.figure-btn {
align-items: center;
2020-03-03 13:14:37 +01:00
background-color: $color-gray-60;
border-radius: $br3;
2016-02-17 08:56:02 +01:00
border: 1px solid transparent;
2016-02-14 20:37:01 +01:00
cursor: pointer;
display: flex;
flex-shrink: 0;
height: 54px;
justify-content: center;
2021-10-05 10:16:44 +02:00
margin: $size-4 0 0 $size-4;
2016-02-14 20:37:01 +01:00
width: 54px;
svg {
2020-03-03 13:14:37 +01:00
fill: $color-gray-20;
2016-02-14 20:37:01 +01:00
height: 40px;
width: 40px;
}
&:hover {
2020-03-03 13:14:37 +01:00
background-color: $color-gray-10;
border-color: $color-gray-60;
2016-02-14 20:37:01 +01:00
}
&.selected {
2020-03-03 13:14:37 +01:00
background-color: $color-primary;
2016-02-14 20:37:01 +01:00
svg {
2016-02-17 08:56:02 +01:00
fill: $color-white;
2016-02-14 20:37:01 +01:00
}
}
}