mirror of
https://github.com/maputnik/editor.git
synced 2026-01-30 09:10:00 +00:00
96 lines
1.4 KiB
SCSS
96 lines
1.4 KiB
SCSS
@use "vars";
|
|
|
|
@font-face {
|
|
font-family: 'Roboto';
|
|
src: url('../fonts/Roboto-Regular.ttf') format('truetype');
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Roboto';
|
|
src: url('../fonts/Roboto-Medium.ttf') format('truetype');
|
|
font-weight: bold;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
html {
|
|
color: vars.$color-white;
|
|
font-size: vars.$font-size-5;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
body {
|
|
// The UI is 100% height so prevent bounce scroll on OSX
|
|
overflow: hidden;
|
|
}
|
|
|
|
*,
|
|
*::before,
|
|
*::after {
|
|
box-sizing: inherit;
|
|
}
|
|
|
|
p {
|
|
font-size: vars.$font-size-6;
|
|
margin-top: vars.$margin-2;
|
|
margin-bottom: vars.$margin-2;
|
|
color: vars.$color-lowgray;
|
|
line-height: 1.3;
|
|
}
|
|
|
|
h1 {
|
|
font-size: vars.$font-size-2;
|
|
margin-bottom: vars.$margin-3;
|
|
font-weight: bold;
|
|
}
|
|
|
|
h2 {
|
|
font-size: vars.$font-size-3;
|
|
margin-bottom: vars.$margin-3;
|
|
font-weight: bold;
|
|
}
|
|
|
|
h3 {
|
|
font-size: vars.$font-size-4;
|
|
margin-bottom: vars.$margin-3;
|
|
font-weight: bold;
|
|
}
|
|
|
|
h4 {
|
|
font-size: vars.$font-size-5;
|
|
margin-bottom: vars.$margin-3;
|
|
}
|
|
|
|
input:focus,
|
|
textarea:focus,
|
|
*[role="button"]:focus,
|
|
button:focus,
|
|
.maputnik-toolbar-link:focus,
|
|
select:focus {
|
|
color: vars.$color-white;
|
|
outline: #8e8e8e auto 1px;
|
|
}
|
|
|
|
label:hover {
|
|
color: vars.$color-white;
|
|
}
|
|
|
|
.clearfix {
|
|
&::after {
|
|
content: "";
|
|
display: table;
|
|
clear: both;
|
|
}
|
|
}
|
|
|
|
a {
|
|
color: white;
|
|
}
|
|
|
|
.hide {
|
|
display: none !important;
|
|
}
|