diff --git a/src/components/Splash/Splash.scss b/src/components/Splash/Splash.scss index 8386f5b70503..6a14939efd8e 100644 --- a/src/components/Splash/Splash.scss +++ b/src/components/Splash/Splash.scss @@ -32,4 +32,38 @@ display:none; } } + + &__wrap { + display: block; + + @include break { + margin: 0 -30px; + } + + &:before, + &:after { + content: " "; + display: table; + } + + &:after { + clear: both; + } + } + + &__left, + &__right { + width: 100%; + float: left; + + @include break { + width: 50%; + padding: 0 15px; + } + } + + /* XXX: Hack to fix markown parsing issues */ + &__right { + margin-bottom: 1em; + } } diff --git a/src/content/index.md b/src/content/index.md index 2e83a3ebbc6c..02e8e1e99131 100644 --- a/src/content/index.md +++ b/src/content/index.md @@ -4,8 +4,8 @@ title: webpack ## Write your code -
-
+
+
__app.js__ ```js @@ -14,7 +14,7 @@ import bar from './bar'; bar(); ```
-
+
__bar.js__ ```js @@ -28,8 +28,8 @@ export default function bar() { ## Bundle with webpack -
-
+
+
__webpack.config.js__ ```js @@ -41,7 +41,7 @@ module.exports = { } ```
-
+
__page.html__ ```html @@ -55,7 +55,6 @@ __page.html__ ``` -
Then run `webpack` on the command-line to create `bundle.js`. diff --git a/src/styles/homepage.scss b/src/styles/homepage.scss deleted file mode 100644 index 1b4cd15f67e4..000000000000 --- a/src/styles/homepage.scss +++ /dev/null @@ -1,30 +0,0 @@ -.homepage { - &__left, - &__right { - width: 100%; - float: left; - - @include break { - width: 50%; - padding: 0 15px; - } - } - - &__wrap { - display: block; - - @include break { - margin: 0 -30px; - } - - &:before, - &:after { - content: " "; - display: table; - } - - &:after { - clear: both; - } - } -} \ No newline at end of file diff --git a/src/styles/index.scss b/src/styles/index.scss index bfbf62695e83..b14744622621 100644 --- a/src/styles/index.scss +++ b/src/styles/index.scss @@ -87,4 +87,3 @@ details:focus, summary:focus{ } @import './markdown'; -@import './homepage'; \ No newline at end of file