Skip to content

Instantly share code, notes, and snippets.

@ovidijusr
Created March 5, 2016 12:47
Show Gist options
  • Save ovidijusr/5006571eab3b41dc810e to your computer and use it in GitHub Desktop.
Save ovidijusr/5006571eab3b41dc810e to your computer and use it in GitHub Desktop.
@import url("//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css");
$color_lightBlue: #5AC8FA;
$color_blue: #007AFF;
$color_yellow: #FFCC00;
$color_green: #4CD964;
$color_orange: #FF9500;
$color_red: #FF3B30;
$color_purple: #FF2D55;
$color_gray: #8E8E93;
$color_almostWhite: #EFEFF4;
body{
display:flex;
background: $color_almostWhite;
margin: 0;
padding: 0;
margin-top: 70px;
font-family: Helvetica, sans-serif;
}
input{
display: flex;
width: 96%;
height: 30px;
padding-left: 10px;
border-radius: 3px;
border:1px solid $color_gray;
margin-bottom: 5px;
}
#react-root{
width: 100%;
}
.app{
width: 100%;
.app_error{
margin-left: 10px;
margin-right: 10px;
background: $color_red;
padding-top: 12px;
color: white;
text-align: center;
padding-bottom: 10px;
}
.app_header{
top: 0;
position: fixed;
background: white;
padding-top: 15px;
width: 100%;
padding-left: 10px;
height: 40px;
font-size: 20px;
border-bottom: 1px solid $color_gray;
.app_left{
display: inline-flex;
justify-content: left;
margin-right: 10px;
}
.app_title{
display: inline-flex;
justify-content: center;
align-items: center;
}
}
.app_content{
}
.app_footer_sticky{
}
}
.content-box{
.content{
margin-left: 10px;
margin-right: 10px;
display: flex;
justify-content: center;
align-items: center;
background: white;
min-height: 50px;
box-sizing: border-box;
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.2),0 1px 5px 0 rgba(0,0,0,0.12);
padding-top:10px;
border-bottom: 1px solid $color_gray;
margin-bottom: 20px;
padding: 10px;
padding-bottom: 15px;
&:first-child{
padding-top:25px;
}
.login-form{
width: 400px;
min-height: 125px;
}
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment