mirror of
https://github.com/empayre/fleet.git
synced 2024-11-07 09:18:59 +00:00
1d1e0b5f5f
* fixed style for sidebar * changes file * Reduce minimum width of body-wrap to prevent right sidebar from overflowing min app width of 1200px Co-authored-by: Noah Talerman <noahtal@umich.edu>
126 lines
1.9 KiB
SCSS
126 lines
1.9 KiB
SCSS
html {
|
|
position: relative;
|
|
min-width: $min-width;
|
|
height: 100%;
|
|
// Because iOS hates us we must fight to the death!
|
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
|
// End Apple War
|
|
}
|
|
|
|
body {
|
|
color: $core-fleet-black;
|
|
padding: 0;
|
|
margin: 0;
|
|
font-family: "Nunito Sans", sans-serif;
|
|
font-size: $medium;
|
|
min-width: $medium-width;
|
|
height: 100%;
|
|
}
|
|
|
|
html,
|
|
body {
|
|
height: 100%;
|
|
}
|
|
|
|
.wrapper,
|
|
.wrapper > div {
|
|
min-height: 100vh;
|
|
}
|
|
|
|
h1,
|
|
h2,
|
|
h3 {
|
|
line-height: 1.2;
|
|
}
|
|
|
|
h1 {
|
|
font-size: $large;
|
|
font-weight: $regular;
|
|
letter-spacing: -0.5px;
|
|
color: $core-fleet-black;
|
|
margin: 0;
|
|
}
|
|
|
|
a {
|
|
color: $core-fleet-purple;
|
|
}
|
|
|
|
.wrapper {
|
|
background: $gradients-dark-gradient-vertical;
|
|
margin: 0;
|
|
}
|
|
|
|
.body-wrap {
|
|
padding: $pad-xxlarge 30px 0;
|
|
border-radius: 3px;
|
|
background-color: $core-white;
|
|
border: solid 1px $core-white;
|
|
min-width: 798px;
|
|
}
|
|
|
|
.has-sidebar {
|
|
display: flex;
|
|
flex-grow: 1;
|
|
|
|
& > *:first-child {
|
|
flex-grow: 1;
|
|
}
|
|
}
|
|
|
|
.cf {
|
|
@include clearfix;
|
|
}
|
|
|
|
input,
|
|
textarea,
|
|
button {
|
|
font-family: "Nunito Sans", sans-serif;
|
|
|
|
&:-webkit-autofill {
|
|
-webkit-box-shadow: 0 0 0 1000px #fff inset;
|
|
-webkit-text-fill-color: $core-fleet-black !important; //sass-lint:disable-line no-important
|
|
}
|
|
}
|
|
|
|
input {
|
|
&[type="number"] {
|
|
&::-webkit-inner-spin-button,
|
|
&::-webkit-outer-spin-button {
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
// syntax highlighting for pretty-printed JSON
|
|
pre {
|
|
padding: 15px;
|
|
background-color: $core-fleet-black;
|
|
color: $core-white;
|
|
border-radius: 4px;
|
|
white-space: pre-wrap;
|
|
|
|
.string {
|
|
color: $rainbow-green;
|
|
}
|
|
.number {
|
|
color: $rainbow-orange;
|
|
}
|
|
.boolean {
|
|
color: blue;
|
|
}
|
|
.null {
|
|
color: magenta;
|
|
}
|
|
.key {
|
|
color: $core-white;
|
|
}
|
|
}
|
|
|
|
hr {
|
|
margin-top: $pad-xlarge;
|
|
margin-bottom: $pad-xlarge;
|
|
border: none;
|
|
border-bottom: 1px solid $ui-fleet-blue-15;
|
|
}
|