mirror of https://github.com/penpot/penpot.git
43 lines
784 B
SCSS
43 lines
784 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) KALEIDOS INC
|
|
|
|
@use "ds/typography.scss" as *;
|
|
@use "./buttons" as *;
|
|
|
|
.button {
|
|
@extend %base-button;
|
|
|
|
@include use-typography("headline-small");
|
|
padding: 0 var(--sp-m);
|
|
|
|
display: inline-flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
column-gap: var(--sp-xs);
|
|
}
|
|
|
|
.button-primary {
|
|
@extend %base-button-primary;
|
|
}
|
|
|
|
.button-secondary {
|
|
@extend %base-button-secondary;
|
|
}
|
|
|
|
.button-ghost {
|
|
@extend %base-button-ghost;
|
|
}
|
|
|
|
.button-destructive {
|
|
@extend %base-button-destructive;
|
|
}
|
|
|
|
.button-link {
|
|
&:hover {
|
|
text-decoration: none;
|
|
}
|
|
}
|