97 lines
1.3 KiB
SCSS
97 lines
1.3 KiB
SCSS
* {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
html, body {
|
|
font-size: #{$base-font-size}px;
|
|
}
|
|
|
|
body, input, textarea {
|
|
@include themify() {
|
|
color: getThemifyVariable('primary-text-color');
|
|
}
|
|
}
|
|
|
|
body, input, textarea, button {
|
|
font-family: Montserrat, sans-serif;
|
|
}
|
|
|
|
.root-app, .app {
|
|
min-height: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
a {
|
|
@include themify() {
|
|
@extend %link;
|
|
}
|
|
}
|
|
|
|
input, button {
|
|
font-size: 1rem;
|
|
}
|
|
|
|
input,
|
|
textarea {
|
|
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');
|
|
}
|
|
}
|
|
|
|
button[type="submit"],
|
|
input[type="submit"] {
|
|
@include themify() {
|
|
@extend %button;
|
|
}
|
|
}
|
|
|
|
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;
|
|
}
|
|
|
|
h2 {
|
|
font-size: #{21 / $base-font-size}em;
|
|
}
|
|
|
|
h3 {
|
|
font-weight: normal;
|
|
}
|
|
h4 {
|
|
font-weight: normal;
|
|
}
|
|
h6 {
|
|
font-weight: normal;
|
|
font-size: #{12 / $base-font-size}rem;
|
|
}
|
|
thead {
|
|
text-align: left;
|
|
}
|
|
th {
|
|
text-align: left;
|
|
}
|
|
|
|
a:focus,
|
|
button:focus,
|
|
input:focus,
|
|
textarea:focus {
|
|
outline: none;
|
|
box-shadow: 0 0 0 1px $outline-color;
|
|
}
|