diff --git a/src/components/entercode/PackSimulator.js b/src/components/entercode/PackSimulator.js index b1c58e8..4933099 100644 --- a/src/components/entercode/PackSimulator.js +++ b/src/components/entercode/PackSimulator.js @@ -6,6 +6,7 @@ import loki from 'lokijs'; import Interactive from 'react-interactive'; import API from '../SpreadsheetData'; import s from '../../styles/style'; +import '../../scss/packs.scss'; @inject((stores, props, context) => props) @observer export default class PackSimulator extends React.Component { diff --git a/src/scss/base.scss b/src/scss/base.scss new file mode 100644 index 0000000..a03acfc --- /dev/null +++ b/src/scss/base.scss @@ -0,0 +1,20 @@ +.icon14 { + height: 14px; + padding-bottom: 2px; +} + +.icon16 { + height: 16px; +} + +.icon20 { + height: 20px; +} + +.icon24 { + height: 24px; +} + +.bigger { + font-size: 14px; +} diff --git a/src/scss/collection.scss b/src/scss/collection.scss index ceea7f6..2a6af4a 100644 --- a/src/scss/collection.scss +++ b/src/scss/collection.scss @@ -1,3 +1,5 @@ +@import 'base'; + @media only screen and (min-width: 975px) { .collection > .left { @@ -96,27 +98,6 @@ vertical-align: middle; } -.icon14 { - height: 14px; - padding-bottom: 2px; -} - -.icon16 { - height: 16px; -} - -.icon20 { - height: 20px; -} - -.icon24 { - height: 24px; -} - -.bigger { - font-size: 14px; -} - .thumb { width: 100px; height: 98px; diff --git a/src/css/packs.css b/src/scss/packs.scss similarity index 99% rename from src/css/packs.css rename to src/scss/packs.scss index 645df1f..e8404b9 100644 --- a/src/css/packs.css +++ b/src/scss/packs.scss @@ -40,7 +40,7 @@ input[type=number]::-webkit-outer-spin-button { } .stats { - height: 100% + height: 100%; width: 100%; text-align: left; } diff --git a/src/scss/portal.scss b/src/scss/portal.scss index 25bcf7e..e55049a 100644 --- a/src/scss/portal.scss +++ b/src/scss/portal.scss @@ -1,23 +1,3 @@ -.icon14 { - height: 14px; -} - -.icon16 { - height: 16px; -} - -.icon20 { - height: 20px; -} - -.icon24 { - height: 24px; -} - -.bigger { - font-size: 14px; -} - .splash { max-width: 100%; padding-bottom: 10px; @@ -129,3 +109,7 @@ font-size: 16px; line-height: 20px; } + +.collection > .left { + position: fixed; +}