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

66 lines
884 B
SCSS
Raw Normal View History

* {
box-sizing: border-box;
}
2016-06-14 03:07:00 +02:00
html, body {
2016-05-11 04:22:32 +02:00
font-size: #{$base-font-size}px;
}
2016-06-14 03:07:00 +02:00
body, input, button {
2016-08-18 20:22:47 +02:00
font-family: 'Avenir Next', Montserrat, sans-serif;
2016-06-10 04:15:50 +02:00
color: $light-primary-text-color;
}
2016-08-28 02:46:20 +02:00
body {
background-color: $light-background-color;
}
2016-05-18 19:37:59 +02:00
.root-app, .app {
2016-05-11 04:22:32 +02:00
min-height: 100%;
height: 100%;
2016-06-10 04:15:50 +02:00
}
a {
text-decoration: none;
2016-07-12 04:00:11 +02:00
color: $light-inactive-text-color;
2016-07-15 19:11:50 +02:00
cursor: pointer;
2016-06-10 04:15:50 +02:00
&:hover {
text-decoration: none;
color: $light-primary-text-color;
}
2016-06-14 03:07:00 +02:00
}
input, button {
font-size: 1rem;
}
input {
padding: #{5 / $base-font-size}rem;
// border-radius: 2px;
2016-06-14 03:07:00 +02:00
border: 1px solid $input-border-color;
padding: #{10 / $base-font-size}rem;
2016-06-14 03:07:00 +02:00
}
2016-06-15 01:49:37 +02:00
input[type="submit"] {
2016-09-13 23:05:42 +02:00
@include themify() {
@extend %button;
}
2016-06-21 05:04:41 +02:00
}
h2 {
font-size: #{21 / $base-font-size}em;
}
h3 {
font-weight: normal;
2016-07-06 17:27:39 +02:00
}
h4 {
font-weight: normal;
}
2016-07-11 04:52:48 +02:00
h6 {
font-weight: normal;
}
2016-07-05 22:04:14 +02:00
thead {
text-align: left;
2016-07-12 05:03:54 +02:00
}