Show More
Commit Description:
wip
Commit Description:
wip
File last commit:
Show/Diff file:
Action:
app/assets/stylesheets/application.css.scss | 185 lines | 4.1 KiB | text/x-scss | ScssLexer |
/* 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 any plugin's vendor/assets/stylesheets directory 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.
*
* // bootstrap says that we should not do this, but @import each file instead
* # *= require_tree .
* # *= require_self
*/
//@import "jquery-ui";
//@import "jquery.ui.core";
//@import "jquery.ui.theme";
//@import "jquery.ui.datepicker";
//@import "jquery.ui.slider";
//@import "jquery-ui-timepicker-addon";
//@import "jquery-tablesorter/theme.metro-dark";
//@import "jquery.countdown";
//@import "tablesorter-theme.cafe";
//bootstrap
//@import "bootstrap-sprockets";
@import "my_bootstrap_var";
@import "bootstrap";
@import "select2/select2.min";
@import "select2/select2-bootstrap-5-theme.min";
//@import bootstrap3-switch
//@import "bootstrap-toggle";
//@import "bootstrap-sortable";
//@import "bootstrap-datepicker3";
//@import "bootstrap-datetimepicker";
//@import "datatables.net-bs/css/dataTables.bootstrap.min";
//@import "datatables.net-buttons-bs/css/buttons.bootstrap.min";
//new import
@import 'datatables/datatables.min';
@import 'material_icons';
//bootstrap navbar color (from)
/*
$bgDefault: #19197b;
$bgHighlight: #06064b;
$colDefault: #8e8eb4;
$colHighlight: #ffffff;
$dropDown: false;
@font-face {
font-family: 'Glyphicons Halflings';
src: font-path('bootstrap/glyphicons-halflings-regular.eot');
src: font-path('bootstrap/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),
font-path('bootstrap/glyphicons-halflings-regular.woff') format('woff'),
font-path('bootstrap/glyphicons-halflings-regular.ttf') format('truetype'),
font-path('bootstrap/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}
*/
@import 'my_custom'
/*
.navbar-default {
background-color: $bgDefault;
border-color: $bgHighlight;
.navbar-brand {
color: $colDefault;
&:hover, &:focus {
color: $colHighlight;
}
}
.navbar-text {
color: $colDefault;
}
.navbar-nav {
> li {
> a {
color: $colDefault;
&:hover, &:focus {
color: $colHighlight;
}
}
@if $dropDown {
> .dropdown-menu {
background-color: $bgDefault;
> li {
> a {
color: $colDefault;
&:hover, &:focus {
color: $colHighlight;
background-color: $bgHighlight;
}
}
> .divider {
background-color: $bgHighlight;
}
}
}
}
}
@if $dropDown {
.open .dropdown-menu > .active {
> a, > a:hover, > a:focus {
color: $colHighlight;
background-color: $bgHighlight;
}
}
}
> .active {
> a, > a:hover, > a:focus {
color: $colHighlight;
background-color: $bgHighlight;
}
}
> .open {
> a, > a:hover, > a:focus {
color: $colHighlight;
background-color: $bgHighlight;
}
}
}
.navbar-toggle {
border-color: $bgHighlight;
&:hover, &:focus {
background-color: $bgHighlight;
}
.icon-bar {
background-color: $colDefault;
}
}
.navbar-collapse,
.navbar-form {
border-color: $colDefault;
}
.navbar-link {
color: $colDefault;
&:hover {
color: $colHighlight;
}
}
}
@media (max-width: 767px) {
.navbar-default .navbar-nav .open .dropdown-menu {
> li > a {
color: $colDefault;
&:hover, &:focus {
color: $colHighlight;
}
}
> .active {
> a, > a:hover, > a:focus {
color: $colHighlight;
background-color: $bgHighlight;
}
}
}
}
*/