mirror of
https://github.com/penpot/penpot.git
synced 2026-05-20 07:23:42 +00:00
713ff6190b
* 🔧 Add SCSS linter (stylelint) * ✨ Fix default standard scss errors with extends - WIP * ✨ Fix default standard scss errors * ✨ Update and cleanup * ✨ Update and cleanup * ✨ Update and cleanup * 🐛 Fix broken visual regression tests * 📎 Add to CHANGES * ♻️ Remove unused class
86 lines
1.9 KiB
SCSS
86 lines
1.9 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
|
|
|
|
@use "common/refactor/common-refactor" as *;
|
|
@use "./profile";
|
|
@use "../ds/typography.scss" as t;
|
|
@use "../ds/_borders.scss" as b;
|
|
@use "../ds/_sizes.scss" as *;
|
|
@use "../ds/_utils.scss" as *;
|
|
@use "../ds/spacing.scss" as *;
|
|
|
|
.feedback-form {
|
|
.fields-row {
|
|
margin-block-end: $sz-32;
|
|
}
|
|
|
|
.feedback-description {
|
|
@include t.use-typography("body-medium");
|
|
|
|
border-radius: b.$br-8;
|
|
padding: var(--sp-m);
|
|
background-color: var(--color-background-tertiary);
|
|
color: var(--color-foreground-primary);
|
|
border: none;
|
|
|
|
::placeholder {
|
|
color: var(--input-placeholder-color);
|
|
}
|
|
|
|
&:focus {
|
|
outline: b.$b-1 solid var(--color-accent-primary);
|
|
}
|
|
}
|
|
|
|
.field-label {
|
|
@include t.use-typography("headline-small");
|
|
|
|
block-size: $sz-32;
|
|
color: var(--color-foreground-primary);
|
|
margin-block-end: var(--sp-l);
|
|
}
|
|
|
|
.feedback-button-link {
|
|
@extend %button-primary;
|
|
|
|
margin-block-end: px2rem(72);
|
|
}
|
|
|
|
.feedback-title {
|
|
margin-block-end: var(--sp-xxxl);
|
|
}
|
|
|
|
.field-text {
|
|
@include t.use-typography("body-medium");
|
|
}
|
|
|
|
.bottom-margin {
|
|
margin-block-end: var(--sp-xxxl);
|
|
}
|
|
|
|
.link {
|
|
@include t.use-typography("headline-small");
|
|
|
|
color: var(--color-accent-tertiary);
|
|
margin-block-end: var(--sp-s);
|
|
}
|
|
|
|
.download-button {
|
|
@include t.use-typography("body-small");
|
|
|
|
color: var(--color-foreground-primary);
|
|
text-transform: lowercase;
|
|
border: b.$b-1 solid var(--color-background-quaternary);
|
|
margin-block-start: var(--sp-s);
|
|
padding: var(--sp-s);
|
|
border-radius: b.$br-8;
|
|
block-size: $sz-32;
|
|
display: inline-block;
|
|
min-inline-size: $sz-160;
|
|
text-align: center;
|
|
}
|
|
}
|