mitchell/react-starter
1
0
Fork 0
mirror of https://github.com/mgerb/react-starter synced 2026-01-10 17:12:48 +00:00
Code Issues Releases Wiki Activity

init

Browse Source
This commit is contained in:
mgerb
2016-12-29 15:50:14 -06:00
committed by Mitchell Gerber
commit 0afda65c45
22 changed files with 788 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
app/scss/Default.scss Normal file
View File

@@ -0,0 +1,9 @@
.Default {
height: 100%;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
font-size: 5em;
}

5
app/scss/Home.scss Normal file
View File

@@ -0,0 +1,5 @@
.Home {
max-width: 800px;
margin-left: auto;
margin-right: auto;
}

34
app/scss/Navbar.scss Normal file
View File

@@ -0,0 +1,34 @@
.Navbar {
position: fixed;
top: 0px;
display: flex;
align-items: center;
width: 100%;
height: $navbarHeight;
background-color: darken(white, 5%);
border-bottom: 1px solid darken(white, 10%);
.active {
background-color: darken(white, 2%);
}
}
.Navbar__item {
align-self: stretch;
display: flex;
align-items: center;
justify-content: center;
width: 100px;
background-color: white;
color: gray;
cursor: pointer;
text-decoration: none;
&:hover {
background-color: darken(white, 2%);
}
& + .Navbar__item {
border-left: 1px solid darken(white, 5%);
}
}

8
app/scss/index.scss Normal file
View File

@@ -0,0 +1,8 @@
@import '../assets/normalize.css';
@import './variables.scss';
// import all css files
@import './style.scss';
@import './Navbar.scss';
@import './Default.scss';
@import './Home.scss';

3
app/scss/style.scss Normal file
View File

@@ -0,0 +1,3 @@
body {
padding-top: $navbarHeight;
}

1
app/scss/variables.scss Normal file
View File

@@ -0,0 +1 @@
$navbarHeight: 50px;