306c441ae7
This moves the location of javascript files, commonFramework, iFrameScript, sandbox, plugin, and all the less files. On gulp or gulp build these files are moved and revisioned. Places where they are references in jade/html are now removed and replaced with the use of a helper function `rev`. This function will take the required file and return a string referencing the revisioned file. This should alleviate the need for hard refreshing and will break caches when files change, so fixes for firefox caching issue as well. NOTE: @benmcmahon @quincylarson, This means files will need to be build on the server in production before doing a server restart/reload In production: 'npm run build' To build and revision js/css files `gulp` and `gulp build` will used in development npm install also needs to be run in production on initial deploy
133 lines
3.1 KiB
Plaintext
Executable File
133 lines
3.1 KiB
Plaintext
Executable File
//
|
|
// List groups
|
|
// --------------------------------------------------
|
|
|
|
|
|
// Base class
|
|
//
|
|
// Easily usable on <ul>, <ol>, or <div>.
|
|
|
|
.list-group {
|
|
// No need to set list-style: none; since .list-group-item is block level
|
|
margin-bottom: 20px;
|
|
padding-left: 0; // reset padding because ul and ol
|
|
}
|
|
|
|
|
|
// Individual list items
|
|
//
|
|
// Use on `li`s or `div`s within the `.list-group` parent.
|
|
|
|
.list-group-item {
|
|
position: relative;
|
|
display: block;
|
|
padding: 10px 15px;
|
|
// Place the border on the list items and negative margin up for better styling
|
|
margin-bottom: -1px;
|
|
background-color: @list-group-bg;
|
|
border: 1px solid @list-group-border;
|
|
|
|
// Round the first and last items
|
|
&:first-child {
|
|
.border-top-radius(@list-group-border-radius);
|
|
}
|
|
&:last-child {
|
|
margin-bottom: 0;
|
|
.border-bottom-radius(@list-group-border-radius);
|
|
}
|
|
|
|
// Align badges within list items
|
|
> .badge {
|
|
float: right;
|
|
}
|
|
> .badge + .badge {
|
|
margin-right: 5px;
|
|
}
|
|
}
|
|
|
|
|
|
// Linked list items
|
|
//
|
|
// Use anchor elements instead of `li`s or `div`s to create linked list items.
|
|
// Includes an extra `.active` modifier class for showing selected items.
|
|
|
|
a.list-group-item {
|
|
color: @list-group-link-color;
|
|
|
|
.list-group-item-heading {
|
|
color: @list-group-link-heading-color;
|
|
}
|
|
|
|
// Hover state
|
|
&:hover,
|
|
&:focus {
|
|
text-decoration: none;
|
|
color: @list-group-link-hover-color;
|
|
background-color: @list-group-hover-bg;
|
|
}
|
|
}
|
|
|
|
.list-group-item {
|
|
// Disabled state
|
|
&.disabled,
|
|
&.disabled:hover,
|
|
&.disabled:focus {
|
|
background-color: @list-group-disabled-bg;
|
|
color: @list-group-disabled-color;
|
|
cursor: @cursor-disabled;
|
|
|
|
// Force color to inherit for custom content
|
|
.list-group-item-heading {
|
|
color: inherit;
|
|
}
|
|
.list-group-item-text {
|
|
color: @list-group-disabled-text-color;
|
|
}
|
|
}
|
|
|
|
// Active class on item itself, not parent
|
|
&.active,
|
|
&.active:hover,
|
|
&.active:focus {
|
|
z-index: 2; // Place active items above their siblings for proper border styling
|
|
color: @list-group-active-color;
|
|
background-color: @list-group-active-bg;
|
|
border-color: @list-group-active-border;
|
|
|
|
// Force color to inherit for custom content
|
|
.list-group-item-heading,
|
|
.list-group-item-heading > small,
|
|
.list-group-item-heading > .small {
|
|
color: inherit;
|
|
}
|
|
.list-group-item-text {
|
|
color: @list-group-active-text-color;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
// Contextual variants
|
|
//
|
|
// Add modifier classes to change text and background color on individual items.
|
|
// Organizationally, this must come after the `:hover` states.
|
|
|
|
.list-group-item-variant(success; @state-success-bg; @state-success-text);
|
|
.list-group-item-variant(info; @state-info-bg; @state-info-text);
|
|
.list-group-item-variant(warning; @state-warning-bg; @state-warning-text);
|
|
.list-group-item-variant(danger; @state-danger-bg; @state-danger-text);
|
|
|
|
|
|
// Custom content options
|
|
//
|
|
// Extra classes for creating well-formatted content within `.list-group-item`s.
|
|
|
|
.list-group-item-heading {
|
|
margin-top: 0;
|
|
margin-bottom: 5px;
|
|
}
|
|
.list-group-item-text {
|
|
margin-bottom: 0;
|
|
line-height: 1.3;
|
|
}
|