Permalink
Browse files

Add OSS website test, clean up test names, remove website dependency …

…on sass

Reviewed By: ericvicenti

Differential Revision: D4726864

fbshipit-source-id: 38c13a08d42d11533a02c14a9acd5a05bbce307f
  • Loading branch information...
mkonicek authored and facebook-github-bot committed Mar 30, 2017
1 parent c31a656 commit e82c2fbbe5ad808609e4e7f477223b655750f8d0
@@ -18,7 +18,7 @@ if [ -z "$(buck --version)" ]; then
echo "Your Buck install is broken."
if [ -d "/opt/facebook" ]; then
SUGGESTED="ff27d5270ecaa92727cd5a19954e62298fa78f09"
SUGGESTED="b9b76a3a5a086eb440a26d1db9b0731875975099"
echo "FB laptops ship with a Buck config that is not compatible with open "
echo "source. FB Buck requires the environment to set a buck version, but "
echo "the open source version of Buck forbids that."
View
@@ -22,11 +22,10 @@
"jstransform": "11.0.3",
"memory-cache": "^0.1.6",
"mkdirp": "^0.5.1",
"node-sass-middleware": "^0.11.0",
"optimist": "0.6.0",
"react": "~0.13.0",
"react-docgen": "^2.9.0",
"react-page-middleware": "git://github.com/facebook/react-page-middleware.git",
"react-page-middleware": "0.4.1",
"remove-markdown": "^0.1.0",
"request": "^2.69.0",
"semver-compare": "^1.0.0"
View
@@ -14,7 +14,6 @@ const http = require('http');
const optimist = require('optimist');
const path = require('path');
const reactMiddleware = require('react-page-middleware');
const sassMiddleware = require('node-sass-middleware');
const argv = optimist.argv;
@@ -43,14 +42,6 @@ const buildOptions = {
};
const app = connect()
.use(sassMiddleware({
/* Options */
src: path.join(PROJECT_ROOT,'styles'),
dest: path.join(FILE_SERVE_ROOT,'react-native','css'),
response: false,
outputStyle: 'extended',
prefix: '/react-native/css',
}))
.use(function(req, res, next) {
// convert all the md files on every request. This is not optimal
// but fast enough that we don't really need to care right now.
View
@@ -1,186 +0,0 @@
/** Blog **/
.entry-header {
margin: 0;
}
.entry-header h1 {
margin: 0;
font-size: 33px;
line-height: 36px;
line-height: 1;
}
.entry-header h4 {
margin: 0 0 10px;
line-height: 16px;
font-size: 14px;
line-height: 1;
}
.entry-header .author {
color: #5A6b77;
font-weight: 700;
}
.entry-header .date {
color: rgba(102,99,122,.5);
}
.entry-readmore {
margin: 12px 0 0;
}
.entry-share {
padding: 36px 0;
display: block;
text-align: left;
}
.entry-excerpt {
min-width: 320px;
max-width: 640px;
margin: 0 auto 40px;
padding-bottom: 40px;
border-bottom: 1px solid #EDEDED;
}
.entry-body {
min-width: 320px;
max-width: 640px;
margin: 0 auto;
}
.small-title {
font-size: 10px;
color: #66637A;
letter-spacing: .4rem;
text-transform: uppercase;
font-weight: 400;
line-height: 12px;
}
.entry-share .small-title {
float: left;
width: 50%;
}
.social-buttons {
padding-top: 7px;
float: left;
width: 50%;
}
article {
margin: 0 0 40px 0;
}
article h2 {
font-size: 26px;
line-height: 1;
}
article li {
line-height: 28px;
}
.author-info {
margin-top: 26px;
text-align: center;
border-bottom: 1px solid #f1f1f1;
padding-bottom: 20px
}
.the-image {
position: relative;
display: block;
width: 64px;
height: 64px;
margin: 0 auto;
border-radius: 50%;
background-position: center center;
background-color: #fff;
background-size: cover;
}
.author-image {
position: relative;
}
.author-image:before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 1px;
top: 50%;
left: 0;
background-color: #F1F1F1;
}
.posted-on {
font-size: 12px;
color: rgba(102,99,122,.29);
margin-bottom: 0;
margin-top: 15px;
}
.name-title {
margin-top: 2px;
font-size: 22px;
font-weight: 400;
margin: 3px 0 5px;
color: #5A6B77;
}
.name-title a {
color: #5A6B77;
}
.name-title .title {
color: rgba(102,99,122,.44);
}
.btn {
background: 0 0;
color: $color-react-native-blue;
min-width: 0;
border: 1px solid $color-react-native-blue;
display: inline-block;
padding: 9px 18px;
border-radius: 4px;
text-align: center;
font-size: 12px;
}
.btn a {
text-decoration: none !important;
}
.btn:hover {
text-decoration: none !important;
}
.video-container {
border-radius: 4px;
background-clip: padding-box;
margin: 0 0 18px;
height: 180px;
width: 100%;
background-size: cover;
background-position: center center;
position: relative;
height: 0;
overflow: hidden;
}
@media (min-width: 760px) {
.video-container {
height: 345px;
}
}
#mc_embed_signup {
clear:left;
width:100%;
}
View
@@ -1,109 +0,0 @@
/** Footer **/
footer.nav-footer {
box-sizing: border-box;
border: none;
font-weight: 300;
color: #202020;
font-size: 15px;
line-height: 24px;
background: #012129;
box-shadow: inset 0 10px 10px -5px rgba(0,0,0,0.2);
padding-top: 2em;
padding-bottom: 2em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
footer .sitemap {
display: flex;
justify-content: space-between;
max-width: 1080px;
margin: 0 auto 1em;
}
footer .sitemap div {
flex: 1;
}
footer .sitemap .nav-home {
display: table;
margin: -12px 20px 0 0;
padding: 10px;
width: 50px;
height: 50px;
opacity: 0.4;
transition: opacity 0.15s ease-in-out;
}
footer .sitemap .nav-home:hover,
footer .sitemap .nav-home:focus {
opacity: 1.0;
}
@media screen and (max-width: 768px) {
footer .sitemap {
display: none;
}
footer .newsletter {
display: none;
}
#mc_embed_signup {
display: none;
}
}
footer .sitemap a {
color: white;
display: table;
margin: 2px -10px;
padding: 3px 10px;
}
footer .sitemap a:hover,
footer .sitemap a:focus {
color: $color-react-native-blue;
text-decoration: none;
}
footer .sitemap h5 > a:hover,
footer .sitemap h5 > a:focus {
color: white;
text-decoration: none;
}
footer .sitemap h5,
footer .sitemap h6 {
margin: 0 0 10px;
}
footer .sitemap h5,
footer .sitemap h6,
footer .sitemap h5 > a,
footer .sitemap h6 > a {
color: $color-react-native-blue;
font-weight: 900;
}
footer .sitemap h5 > a,
footer .sitemap h6 > a {
margin: 0 -10px;
}
footer .fbOpenSource {
display: block;
margin: 1em auto;
opacity: 0.4;
transition: opacity 0.15s ease-in-out;
width: 170px;
}
footer .fbOpenSource:hover {
opacity: 1.0;
}
footer .copyright {
color: rgba(255, 255, 255, 0.4);
text-align: center;
}
footer .newsletter {
display: flex;
justify-content: space-between;
max-width: 640px;
margin: 0 auto 1em;
}
footer .newsletter h5 {
color: $color-react-native-blue;
margin: 0 0 10px;
}
View
@@ -1,56 +0,0 @@
/** Help **/
.helpSection h2 {
font-size: 24px;
}
.help-row {
margin: 50px 0;
}
.help-row:after {
content: "";
display: table;
clear: both;
}
.help-col {
float: left;
}
.help-col p {
font-size: 16px;
}
.help-col h3 {
color: #2d2d2d;
font-size: 18px;
line-height: 28px;
font-weight: normal;
}
@media (min-width: 600px) {
.help-col {
float: left;
margin-left: 40px;
width: 240px;
}
.help-col:first-child {
margin-left: 0;
}
}
.help-list {
padding: 0;
list-style: none;
margin: 1.25em 0 1em 0;
}
.entry ul, li {
margin: 0;
}
.help-list .help-list-entry {
padding: 16px 0;
border-top: 1px solid #f1eff0;
}
Oops, something went wrong.

2 comments on commit e82c2fb

@mkonicek

This comment has been minimized.

Show comment
Hide comment
@mkonicek

mkonicek Mar 30, 2017

Contributor

The reason to remove sass is it uses native code and adds complexity to the website build.

Contributor

mkonicek replied Mar 30, 2017

The reason to remove sass is it uses native code and adds complexity to the website build.

@henrikra

This comment has been minimized.

Show comment
Hide comment
@henrikra

henrikra Mar 31, 2017

So where all styles are now? :D

So where all styles are now? :D

Please sign in to comment.