0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-01-30 19:00:10 -05:00
penpot/frontend/resources/styles/main/partials/sidebar-interactions.scss
2021-09-22 10:54:25 +02:00

81 lines
1.4 KiB
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>
.interactions-help {
font-size: $fs12;
padding: 7px $medium;
margin: 0 -7px;
text-align: center;
&.separator {
padding-bottom: $medium;
border-bottom: 1px solid $color-black;
}
}
.interactions-help-icon {
height: 32px;
width: 32px;
margin: $medium auto;
svg {
fill: $color-gray-40;
height: 32px;
width: 32px;
}
}
.interactions-summary {
cursor: pointer;
flex-basis: 0;
flex-grow: 1;
.trigger-name {
font-size: $fs12;
color: $color-white;
}
.action-summary {
font-size: $fs11;
color: $color-gray-20;
}
}
.interactions-element {
display: flex;
align-items: center;
margin: 0 -7px;
padding: 0 7px;
.element-label {
color: $color-gray-20;
font-size: $fs11;
width: 64px;
}
&.separator {
border-top: 1px solid $color-black;
margin-top: $x-small;
}
}
.interactions-pos-buttons {
margin-top: $small;
padding-top: $small;
padding-bottom: $small;
justify-content: space-between;
.element-set-actions-button {
min-width: 18px;
min-height: 18px;
}
svg {
width: 18px;
height: 18px;
}
}