0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-02-06 06:18:32 -05:00
penpot/frontend/resources/styles/common/refactor/mixins.scss
2023-07-04 15:35:45 +02:00

54 lines
1.1 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) KALEIDOS INC
@mixin flexCenter {
display: flex;
justify-content: center;
align-items: center;
}
@mixin buttonStyle {
border: none;
background: none;
cursor: pointer;
}
@mixin removeInputStyle {
border: none;
background: none;
outline: none;
}
@mixin tabTitleTipography {
font-family: "worksans", sans-serif;
font-size: $fs-11;
font-weight: $fw500;
line-height: 1.2;
text-transform: uppercase;
}
@mixin titleTipography {
font-family: "worksans", sans-serif;
font-size: $fs-12;
font-weight: $fw400;
line-height: 1.2;
}
@mixin textEllipsis {
max-width: 99%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: block;
}
@mixin twoLineTextEllipsis {
max-width: 99%;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}