react-ark-tools
Version:
Boilerplate and tooling for JavaScript application development with React
85 lines (69 loc) • 1.26 kB
CSS
/**
* React App SDK (https://github.com/kriasoft/react-app)
*
* Copyright © 2015-present Kriasoft, LLC. All rights reserved.
*
* This source code is licensed under the MIT license found in the
* LICENSE.txt file in the root directory of this source tree.
*/
:root {
--color: #607d8b;
}
.container {
position: absolute;
top: 0;
left: 0;
display: flex;
width: 100%;
height: 100%;
text-align: center;
justify-content: center;
align-items: center;
}
.content {
padding-bottom: 80px;
}
.code {
margin: 0;
color: var(--color);
letter-spacing: 0.02em;
font-weight: 300;
font-size: 12em;
line-height: 1;
}
.title {
margin: 0;
padding-bottom: 0.5em;
color: var(--color);
letter-spacing: 0.02em;
font-weight: 400;
font-size: 1.75em;
font-family: Roboto, Helvetica, Arial, sans-serif;
line-height: 1em;
}
.text {
padding-bottom: 0;
color: color(var(--color) alpha(50%));
line-height: 1em;
}
@media only screen and (max-width: 280px) {
.container,
.text {
width: 95%;
}
.title {
margin: 0 0 0.3em;
font-size: 1.5em;
}
}
@media screen and (max-width: 1024px) {
.content {
padding: 0 16px;
}
.code {
font-size: 8em;
}
.title {
font-size: 1.5em;
}
}