0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-01-30 10:51:09 -05:00
penpot/resources/styles/partials/dashboard-bar.scss
2016-03-01 20:39:50 +02:00

80 lines
1.5 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>
.dashboard-bar {
align-items: center;
display: flex;
font-size: $fs14;
padding: $small $medium $small $x-big*2;
.dashboard-info {
align-items: center;
display: flex;
.dashboard-projects {
font-weight: bold;
margin-right: $medium;
}
.sort-by {
margin-left: $small;
}
.input-select {
background-color: transparent;
border-color: $color-gray;
margin-bottom: 0;
margin-left: $medium;
padding: 3px 15px 3px 3px;
}
}
.dashboard-search {
align-items: center;
display: flex;
margin-left: $small;
.input-text {
background: rgba(255,255,255,.4);
border: 0;
color: $intense-ui-text;
padding: 4px 8px;
margin: 0;
max-width: 160px;
}
.clear-search {
align-items: center;
background: rgba(255,255,255,.4);
cursor: pointer;
display: flex;
height: 28px;
padding: 0 5px;
svg {
fill: $medium-ui-icons;
height: 15px;
transform: rotate(45deg);
width: 15px;
&:hover {
fill: $color-danger;
}
}
}
}
&.library-gap {
padding: $small $medium $small 270px;
}
}