Skip to content

Instantly share code, notes, and snippets.

@eddiefisher
Last active December 14, 2015 12:59
Show Gist options
  • Save eddiefisher/5090389 to your computer and use it in GitHub Desktop.
Save eddiefisher/5090389 to your computer and use it in GitHub Desktop.
Ruby on Rails: nice style for ActiveAdmin
*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body.active_admin {
form {
#{$all-text-inputs},textarea,select[multiple="multiple"] {
border: 1px solid #c9d0d6; @include rounded(3px); font-size: 1em; outline: none; padding: 5px 5px 7px; margin-bottom: 5px;
}
#{$all-text-inputs-focus},textarea:focus,select[multiple="multiple"]:focus {
border: 1px solid #99a2aa; @include shadow(0, 0, 4px, #99a2aa); @include transition(border, linear, 0.2s); @include transition(box-shadow, linear, 0.2s);
}
select[multiple="multiple"] { min-width: 200px;}
}
#header {
ul#tabs > li a { @include rounded(3px); }
ul#tabs > li.has_nested:hover > a {
@include rounded-top(3px);
}
ul#tabs > li ul {
@include rounded-all(0, 3px, 3px, 3px)
}
}
&.logged_in {
.flash { top: 0px; }
}
.breadcrumb {
display: block;
font-size: 1em;
font-weight: normal;
line-height: 1.0em;
margin-bottom: 5px;
text-transform: capitalize;
}
#title_bar {
padding: 0px 30px;
margin-bottom: 0;
h2 { font-size: 1.5em; }
.action_items a {
@include rounded(3px);
padding: 6px 8px 5px;
}
#titlebar_left, #titlebar_right {
height: 40px;
vertical-align: middle;
display: table-cell;
}
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment