mirror of
https://github.com/n8n-io/n8n.git
synced 2024-09-27 10:17:33 -07:00
242 lines
2.5 KiB
SCSS
242 lines
2.5 KiB
SCSS
|
@use "mixins/function";
|
||
|
@use 'common/var';
|
||
|
|
||
|
*,
|
||
|
*::before,
|
||
|
*::after {
|
||
|
box-sizing: border-box;
|
||
|
}
|
||
|
|
||
|
body {
|
||
|
overscroll-behavior-x: none;
|
||
|
line-height: 1;
|
||
|
font-size: var(--font-size-m);
|
||
|
font-weight: 300;
|
||
|
color: var(--color-text-dark);
|
||
|
-webkit-font-smoothing: antialiased;
|
||
|
-moz-osx-font-smoothing: grayscale;
|
||
|
}
|
||
|
|
||
|
body,
|
||
|
button,
|
||
|
input {
|
||
|
font-family: var(--font-family);
|
||
|
-webkit-font-smoothing: antialiased;
|
||
|
-moz-osx-font-smoothing: grayscale;
|
||
|
}
|
||
|
|
||
|
input {
|
||
|
font-weight: var(--font-weight-regular);
|
||
|
}
|
||
|
|
||
|
button {
|
||
|
font-weight: var(--font-weight-bold);
|
||
|
}
|
||
|
|
||
|
html,
|
||
|
body,
|
||
|
div,
|
||
|
span,
|
||
|
object,
|
||
|
iframe,
|
||
|
h1,
|
||
|
h2,
|
||
|
h3,
|
||
|
h4,
|
||
|
h5,
|
||
|
h6,
|
||
|
p,
|
||
|
blockquote,
|
||
|
pre,
|
||
|
abbr,
|
||
|
address,
|
||
|
cite,
|
||
|
code,
|
||
|
del,
|
||
|
dfn,
|
||
|
em,
|
||
|
img,
|
||
|
ins,
|
||
|
kbd,
|
||
|
q,
|
||
|
samp,
|
||
|
small,
|
||
|
strong,
|
||
|
sub,
|
||
|
sup,
|
||
|
var,
|
||
|
b,
|
||
|
i,
|
||
|
dl,
|
||
|
dt,
|
||
|
dd,
|
||
|
ol,
|
||
|
ul,
|
||
|
li,
|
||
|
fieldset,
|
||
|
form,
|
||
|
label,
|
||
|
legend,
|
||
|
table,
|
||
|
caption,
|
||
|
tbody,
|
||
|
tfoot,
|
||
|
thead,
|
||
|
tr,
|
||
|
th,
|
||
|
td,
|
||
|
article,
|
||
|
aside,
|
||
|
canvas,
|
||
|
details,
|
||
|
figcaption,
|
||
|
figure,
|
||
|
footer,
|
||
|
header,
|
||
|
hgroup,
|
||
|
menu,
|
||
|
nav,
|
||
|
section,
|
||
|
summary,
|
||
|
time,
|
||
|
mark,
|
||
|
audio,
|
||
|
video {
|
||
|
margin: 0;
|
||
|
padding: 0;
|
||
|
border: 0;
|
||
|
outline: 0;
|
||
|
vertical-align: baseline;
|
||
|
background: transparent;
|
||
|
}
|
||
|
|
||
|
article,
|
||
|
aside,
|
||
|
details,
|
||
|
figcaption,
|
||
|
figure,
|
||
|
footer,
|
||
|
header,
|
||
|
hgroup,
|
||
|
menu,
|
||
|
nav,
|
||
|
section {
|
||
|
display: block;
|
||
|
}
|
||
|
|
||
|
nav ul {
|
||
|
list-style: none;
|
||
|
}
|
||
|
|
||
|
blockquote,
|
||
|
q {
|
||
|
quotes: none;
|
||
|
}
|
||
|
|
||
|
blockquote:before,
|
||
|
blockquote:after,
|
||
|
q:before,
|
||
|
q:after {
|
||
|
content: '';
|
||
|
content: none;
|
||
|
}
|
||
|
|
||
|
a {
|
||
|
margin: 0;
|
||
|
padding: 0;
|
||
|
color: var(--color-primary);
|
||
|
text-decoration: none;
|
||
|
font-size: 100%;
|
||
|
vertical-align: baseline;
|
||
|
background: transparent;
|
||
|
cursor: pointer;
|
||
|
|
||
|
&:active {
|
||
|
color: function.saturation(
|
||
|
--color-primary-h,
|
||
|
--color-primary-s,
|
||
|
--color-primary-l,
|
||
|
-(var.$button-active-shade-percent)
|
||
|
);
|
||
|
}
|
||
|
}
|
||
|
|
||
|
h1,
|
||
|
h2,
|
||
|
h3,
|
||
|
h4,
|
||
|
h5,
|
||
|
h6 {
|
||
|
color: var(--color-text-dark);
|
||
|
font-weight: inherit;
|
||
|
|
||
|
&:first-child {
|
||
|
margin-top: 0;
|
||
|
}
|
||
|
|
||
|
&:last-child {
|
||
|
margin-bottom: 0;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
h4,
|
||
|
h5,
|
||
|
h6,
|
||
|
p {
|
||
|
font-size: inherit;
|
||
|
}
|
||
|
|
||
|
p {
|
||
|
line-height: 1.8;
|
||
|
|
||
|
&:first-child {
|
||
|
margin-top: 0;
|
||
|
}
|
||
|
|
||
|
&:last-child {
|
||
|
margin-bottom: 0;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
ins {
|
||
|
background-color: var(--color-success);
|
||
|
color: var(--color-text-dark);
|
||
|
text-decoration: none;
|
||
|
}
|
||
|
|
||
|
mark {
|
||
|
background-color: var(--color-warning);
|
||
|
color: var(--color-text-dark);
|
||
|
font-style: italic;
|
||
|
font-weight: bold;
|
||
|
}
|
||
|
|
||
|
del {
|
||
|
text-decoration: line-through;
|
||
|
}
|
||
|
|
||
|
abbr[title],
|
||
|
dfn[title] {
|
||
|
border-bottom: 1px dotted;
|
||
|
cursor: help;
|
||
|
}
|
||
|
|
||
|
hr {
|
||
|
display: block;
|
||
|
height: 1px;
|
||
|
border: 0;
|
||
|
border-top: 1px solid var(--color-foreground-light);
|
||
|
margin: 1em 0;
|
||
|
padding: 0;
|
||
|
}
|
||
|
|
||
|
table {
|
||
|
border-collapse: collapse;
|
||
|
border-spacing: 0;
|
||
|
}
|
||
|
|
||
|
input,
|
||
|
select {
|
||
|
vertical-align: middle;
|
||
|
}
|