mirror of
https://github.com/muerwre/vault-frontend.git
synced 2025-04-26 13:26:40 +07:00
css grid to pack my layout
This commit is contained in:
parent
44e10599d7
commit
debb0640da
20 changed files with 1212 additions and 23 deletions
7
src/components/flow/HeroPlaceholder/index.tsx
Normal file
7
src/components/flow/HeroPlaceholder/index.tsx
Normal file
|
@ -0,0 +1,7 @@
|
|||
import * as React from 'react';
|
||||
const style = require('./style.scss');
|
||||
|
||||
export const HeroPlaceholder = () => (
|
||||
<div className={style.container}>
|
||||
</div>
|
||||
);
|
9
src/components/flow/HeroPlaceholder/style.scss
Normal file
9
src/components/flow/HeroPlaceholder/style.scss
Normal file
|
@ -0,0 +1,9 @@
|
|||
.container {
|
||||
height: 280px;
|
||||
width: 100%;
|
||||
background: transparentize(white, 0.9) url("http://37.192.131.144/hero/photos/photo-20140527-1639766.jpg") no-repeat 50% 30%;
|
||||
background-size: cover;
|
||||
opacity: 0.7;
|
||||
//box-shadow: white 0 0 0 1px;
|
||||
//border-radius: $panel_radius $panel_radius 0 0;
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue