app/assets/stylesheets/active_admin.css.scss
// SASS variable overrides must be declared before loading up Active Admin's styles.
//
// To view the variables that Active Admin provides, take a look at
// `app/assets/stylesheets/active_admin/mixins/_variables.css.scss` in the
// Active Admin source.
//
// For example, to change the sidebar width:
// $sidebar-width: 242px;
// Active Admin's got SASS!
@import "active_admin/mixins";
@import "active_admin/base";
// Overriding any non-variable SASS must be done after the fact.
// For example, to change the default status-tag color:
//
// body.active_admin {
// .status_tag { background: #6090DB; }
// }
//
// Notice that Active Admin CSS rules are nested within a
// 'body.active_admin' selector to prevent conflicts with
// other pages in the app. It is best to wrap your changes in a
// namespace so they are properly recognized. You have options
// if you e.g. want different styles for different namespaces:
//
// .active_admin applies to any Active Admin namespace
// .admin_namespace applies to the admin namespace (eg: /admin)
// .other_namespace applies to a custom namespace named other (eg: /other)
@import "custom.css.scss";
#active_admin {
#title_bar {
margin-top: -30px;
}
#titlebar_left {
margin-top: -30px;
float: left;
.breadcrumb {
padding: 10px;
a:first-child {
display: none;
}
a {
font-size: 12px;
}
}
}
select {
width: auto;
}
form fieldset ol > li label {
font-size: 14px;
background-color: #F4F4F4;
padding-bottom: 5px;
border-bottom: 1px solid #E9E9E9;
}
}