p5.js-web-editor/client/styles/base/_base.scss
Lauren McCarthy a5d304da2b implement sidebar design #234 (#235)
* removing avenir, replacing with montserrat

* sidebar tweaks

* sidebar positioning

* resolving merge conflict

* working on sidebar

* removing avenir font, using montserrat instead due to licensing issues

* removing old import statement for typeography scss file

* design formatting for sidebar closes #234
2016-12-19 17:07:04 -05:00

73 lines
1 KiB
SCSS

* {
box-sizing: border-box;
}
html, body {
font-size: #{$base-font-size}px;
}
body, input, button {
@include themify() {
color: getThemifyVariable('primary-text-color');
}
font-family: Montserrat, sans-serif;
}
.root-app, .app {
min-height: 100%;
height: 100%;
}
a {
@include themify() {
text-decoration: none;
color: getThemifyVariable('inactive-text-color');
cursor: pointer;
&:hover {
text-decoration: none;
color: getThemifyVariable('primary-text-color');
}
}
}
input, button {
font-size: 1rem;
}
button:focus {
outline: none;
}
input {
padding: #{5 / $base-font-size}rem;
border: 1px solid ;
border-radius: 2px;
padding: #{10 / $base-font-size}rem;
@include themify() {
color: getThemifyVariable('input-text-color');
border-color: getThemifyVariable('input-border-color');
}
}
input[type="submit"] {
@include themify() {
@extend %button;
}
}
h2 {
font-size: #{21 / $base-font-size}em;
}
h3 {
font-weight: normal;
}
h4 {
font-weight: normal;
}
h6 {
font-weight: normal;
}
thead {
text-align: left;
}