Permalink
Browse files

feat(Base): Added 'top' and 'bottom' values to 'absoloute' prop

  • Loading branch information...
HHogg committed Sep 24, 2018
1 parent 98091a1 commit 54058c16c85d6d0cfbdd64c5e5442b609ed294f6
Showing with 13 additions and 4 deletions.
  1. +11 −4 src/Base/Base.css
  2. +2 −0 src/Base/Base.js
@@ -86,24 +86,31 @@
.Base--text-color-background-shade-3 { color: var(--color-background--shade-3); }

.Base--absolute-fullscreen,
.Base--absolute-top,
.Base--absolute-top-left,
.Base--absolute-top-right,
.Base--absolute-bottom,
.Base--absolute-bottom-left,
.Base--absolute-bottom-right {
position: absolute;
}

.Base--absolute-fullscreen {
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
}

.Base--absolute-fullscreen,
.Base--absolute-top,
.Base--absolute-top-left { top: 0; left: 0; }

.Base--absolute-top,
.Base--absolute-top-right { top: 0; right: 0; }

.Base--absolute-bottom,
.Base--absolute-bottom-left { bottom: 0; left: 0; }

.Base--absolute-fullscreen,
.Base--absolute-bottom,
.Base--absolute-bottom-right { right: 0; bottom: 0; }

@@ -16,8 +16,10 @@ export default class Base extends Component {
/** Quick way of absolutely position to common places */
absolute: PropTypes.oneOf([
'fullscreen',
'top',
'top-left',
'top-right',
'bottom',
'bottom-left',
'bottom-right',
]),

0 comments on commit 54058c1

Please sign in to comment.