This repository has been archived on 2022-10-07. You can view files and clone it, but cannot push or open issues or pull requests.
skynet-webportal/packages/webapp/src/global.scss

149 lines
1.8 KiB
SCSS
Raw Normal View History

2020-02-12 22:13:34 +00:00
@import "./variables.scss";
2020-02-12 17:23:10 +00:00
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-size: 16px;
font-weight: 400;
line-height: 1.78;
font-family: $font;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background-color: $greenBg;
color: $darkGray;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 500;
line-height: 1.25;
}
a {
text-decoration: none;
}
li {
list-style: none;
}
input,
select,
button,
textarea {
appearance: none;
border: none;
background: transparent;
outline: none;
font-family: $font;
font-size: 16px;
}
2020-02-12 22:13:34 +00:00
input[type="email"],
input[type="text"],
input[type="password"],
input[type="search"] {
2020-02-12 17:23:10 +00:00
display: block;
width: 100%;
}
a,
button,
label,
2020-02-12 22:13:34 +00:00
input[type="submit"],
input[type="checkbox"],
input[type="radio"] {
2020-02-12 17:23:10 +00:00
cursor: pointer;
}
img,
svg {
display: block;
max-width: 100%;
}
.red-text {
color: $red;
}
.green-text {
color: $green;
}
.dark-gray-text {
color: $darkGray;
}
2020-03-10 13:36:21 +00:00
.link {
color: $green;
transition: 0.2s color;
&:hover {
color: $black;
}
}
2020-02-12 17:23:10 +00:00
.truncate {
width: 250px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
}
.offscreen {
position: absolute;
left: -999em;
}
.width {
width: 90%;
max-width: 900px;
margin: 0 auto;
}
.divider {
width: 48px;
height: 2px;
background: currentColor;
}
.small-divider {
width: 8px;
height: 2px;
background: currentColor;
}
@keyframes float {
0% {
transform: translate(0, 0);
}
50% {
transform: translate(0, -20%);
}
100% {
transform: translate(0, 0);
}
}
@keyframes floatLarge {
0% {
transform: translate(0, 0);
}
50% {
transform: translate(0, -40%);
}
100% {
transform: translate(0, 0);
}
}