tap/app/assets/stylesheets/application.css.scss
2016-02-04 23:28:13 +01:00

96 lines
1.6 KiB
SCSS

/*
* This is a manifest file that'll be compiled into application.css, which will include all the files
* listed below.
*
* Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
* or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
*
* You're free to add application-wide styles to this file and they'll appear at the bottom of the
* compiled file so the styles you add here take precedence over styles defined in any styles
* defined in the other CSS/SCSS files in this directory. It is generally better to create a new
* file per style scope.
*
*= require_tree .
*= require_self
*/
@import "bootstrap-sprockets";
@import "bootstrap";
/* mixins, variables, etc. */
$gray-medium-light: #eaeaea;
@mixin box_sizing {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
/* miscellaneous */
.nowrap {
white-space: nowrap;
}
.center{
text-align: center;
}
.float-right{
float: right;
}
.form-field{
margin-bottom: 15px;
text-align: bottom;
}
/* bootstrap */
body {
padding-top: 80px;
}
/* footer */
footer {
margin-top: 45px;
padding-top: 5px;
border-top: 1px solid $gray-medium-light;
color: #777;
a {
color: #555;
&:hover {
color: #222;
}
}
small {
float: left;
}
ul {
float: right;
list-style: none;
li {
float: left;
margin-left: 15px;
}
}
}
.debug_dump{
width: 100%;
margin-top: 30px;
}
.nav-logo{
font-size:30px;
}
@media(max-width:767px) {
.nav-logo{
margin:10px;
}
}