bitcoin-s/website/static/css/custom.css
Torkel Rogstad 6bc6378f96 WIP: Docusaurus website (#465)
* Docs: Introduce new Docusaurus-based website

This commit is the result of running
npx docusaurus-init, and nothing more.
Further changes will happen on top of
this, to make it easier to review changes
and update to newer versions of Docusaurus
in the future.

* WIP: Add Bitcoin-S website

Change the default Docusaurus template to a custom website. Goes
off of existing documentation, and moves it into the new docs and
website directories. Deletes some unused files, such as
BUILD_README.md

* Initial mdoc support

* Add Scaladoc to website

* Add SVG assets

* Change colors, flesh out pages, correct Scaladoc links

* Rename doc project to scripts, move security doc to website

* Add copy buttons to website code snippets

* Add doc and tasks for publishing website

* Refactor how paths get copied after generating Scaladocs

* Add Get Started button

* Replace bitcoin-s logo with white text

* Add Montserrat font for headers

* flesh out user showcase and landing page

* Change Scaladoc URL to bitcoins package
2019-05-14 18:05:14 -05:00

102 lines
1.7 KiB
CSS

/* your custom css */
@media only screen and (min-device-width: 360px) and (max-device-width: 736px) {
}
@media only screen and (min-width: 1024px) {
}
@media only screen and (max-width: 1023px) {
}
@media only screen and (min-width: 1400px) {
}
@media only screen and (min-width: 1500px) {
}
.showcase-user-container {
max-width: 15em;
justify-content: space-between;
}
.dark-button {
border: 1px solid white;
border-radius: 3px;
color: white;
display: inline-block;
font-size: 14px;
font-weight: 400;
line-height: 1.2em;
padding: 10px;
text-decoration: none !important;
text-transform: uppercase;
transition: background 0.3s, color 0.3s;
}
.dark-button:hover {
background-color: $secondaryColor;
color: white;
}
/* begin crib section from Bloop https://github.com/scalacenter/bloop/blob/d73e247b353a9a0df4a95528095811da391c4a12/website/static/css/index.css#L126 */
.hero {
background: $primaryColor;
color: #f9f9f9;
overflow: hidden;
padding: 2rem 1rem 2rem;
position: relative;
text-align: center;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 500;
font-family: $headerFont;
}
.hero .projectLogo {
display: block;
}
.hero h1 {
margin: 0;
}
.hero::before {
background: url(../img/babel-black.svg) no-repeat center center;
background-size: cover;
bottom: 0;
content: "";
display: block;
left: 0;
opacity: 0.3;
position: absolute;
right: 0;
top: 0;
z-index: 1;
}
.hero__container {
position: relative;
z-index: 2;
}
/* end crib section from bloop */
.showcaseSection h1 {
margin-top: 0;
}
.showcaseSection p {
text-align: justify;
}
.showcaseSection li {
text-align: left;
}
.showcase-user-container p {
text-align: center;
}