rocksdb/docs/_sass/_poweredby.scss
Joel Marcey ea9e0757ff Add initial GitHub pages infra for RocksDB documentation move and update. (#1294)
This is the initial commit with the templates necessary to have our RocksDB user documentation hosted on GitHub pages.

Ensure you meet requirements here: https://help.github.com/articles/setting-up-your-github-pages-site-locally-with-jekyll/#requirements

Then you can run this right now by doing the following:

```
% bundle install
% bundle exec jekyll serve --config=_config.yml,_config_local_dev.yml
```

Then go to: http://127.0.0.1:4000/

Obviously, this is just the skeleton. Moving forward we will do these things in separate pull requests:

- Replace logos with RocksDB logos
- Update the color schemes
- Add current information on rocksdb.org to markdown in this infra
- Migrate current Wodpress blog to Jekyll and Disqus comments
- Etc.
2016-08-24 15:35:38 -07:00

70 lines
1 KiB
SCSS

.poweredByContainer {
background: $primary-bg;
color: $primary-overlay;
margin-bottom: 20px;
a {
color: $primary-overlay;
}
.poweredByWrapper {
h2 {
border-color: $primary-overlay-special;
color: $primary-overlay-special;
}
}
.poweredByMessage {
color: $primary-overlay-special;
font-size: 14px;
padding-top: 20px;
}
}
.poweredByItems {
display: flex;
flex-flow: row wrap;
margin: 0 -10px;
}
.poweredByItem {
box-sizing: border-box;
flex: 1 0 50%;
line-height: 1.1em;
padding: 5px 10px;
&.itemLarge {
flex-basis: 100%;
padding: 10px;
text-align: center;
&:nth-child(4) {
padding-bottom: 20px;
}
img {
max-height: 30px;
}
}
}
@media only screen and (min-width: 480px) {
.itemLarge {
flex-basis: 50%;
max-width: 50%;
}
}
@media only screen and (min-width: 1024px) {
.poweredByItem {
flex-basis: 25%;
max-width: 25%;
&.itemLarge {
padding-bottom: 20px;
text-align: left;
}
}
}