p5.js-web-editor/client/styles/base/_base.scss

112 lines
1.7 KiB
SCSS
Raw Normal View History

* {
box-sizing: border-box;
}
2016-06-14 01:07:00 +00:00
html, body {
2016-05-11 02:22:32 +00:00
font-size: #{$base-font-size}px;
}
2019-07-09 16:24:09 +00:00
body, input, textarea {
2016-09-14 15:55:53 +00:00
@include themify() {
color: getThemifyVariable('primary-text-color');
}
}
2019-07-09 16:24:09 +00:00
body, input, textarea, button {
font-family: Montserrat, sans-serif;
2016-06-10 02:15:50 +00:00
}
2016-05-18 17:37:59 +00:00
.root-app, .app {
2016-05-11 02:22:32 +00:00
min-height: 100%;
height: 100%;
2016-06-10 02:15:50 +00:00
}
a {
2016-09-14 16:46:54 +00:00
@include themify() {
@extend %link;
2016-06-10 02:15:50 +00:00
}
2016-06-14 01:07:00 +00:00
}
input, button {
font-size: 1rem;
}
2019-07-09 16:24:09 +00:00
input,
textarea {
2016-06-14 01:07:00 +00:00
padding: #{5 / $base-font-size}rem;
border: 1px solid ;
border-radius: 2px;
padding: #{10 / $base-font-size}rem;
2016-09-21 22:52:44 +00:00
@include themify() {
color: getThemifyVariable('input-text-color');
background-color: getThemifyVariable('input-background-color');
border-color: getThemifyVariable('input-border-color');
2016-09-21 22:52:44 +00:00
}
2016-06-14 01:07:00 +00:00
}
button[type="submit"],
2016-06-14 23:49:37 +00:00
input[type="submit"] {
2016-09-13 21:05:42 +00:00
@include themify() {
@extend %button;
2016-09-13 21:05:42 +00:00
}
2016-06-21 03:04:41 +00:00
}
button[type="submit"]:disabled,
input[type="submit"]:disabled {
cursor: not-allowed;
}
button {
@include themify() {
@extend %link;
}
background: transparent;
border: none;
}
h1 {
font-size: #{21 / $base-font-size}em;
}
2016-06-21 03:04:41 +00:00
h2 {
font-size: #{21 / $base-font-size}em;
}
h3 {
font-weight: normal;
font-size: #{16 / $base-font-size}rem;
2016-07-06 15:27:39 +00:00
}
h4 {
font-weight: normal;
}
2016-07-11 02:52:48 +00:00
h6 {
font-weight: normal;
2020-04-06 17:02:23 +00:00
font-size: #{12 / $base-font-size}rem;
2016-07-11 02:52:48 +00:00
}
2016-07-05 20:04:14 +00:00
thead {
text-align: left;
2016-07-12 03:03:54 +00:00
}
th {
text-align: left;
}
a:focus,
button:focus,
input:focus,
textarea:focus {
outline: none;
box-shadow: 0 0 0 1px $outline-color;
}
// screen reader only class
// from https://www.scottohara.me/blog/2017/04/14/inclusively-hidden.html#hiding-content-visually
.sr-only:not(:focus):not(:active) {
clip: rect(0 0 0 0);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}