Show More
Commit Description:
modernize problem
Commit Description:
modernize problem
References:
File last commit:
Show/Diff file:
Action:
app/assets/stylesheets/application.css.scss
| 185 lines
| 4.1 KiB
| text/x-scss
| ScssLexer
|
r586 | /* 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 | ||||
*/ | ||||
r865 | //@import "jquery-ui"; | |||
r622 | //@import "jquery.ui.core"; | |||
//@import "jquery.ui.theme"; | ||||
//@import "jquery.ui.datepicker"; | ||||
//@import "jquery.ui.slider"; | ||||
r790 | //@import "jquery-ui-timepicker-addon"; | |||
//@import "jquery-tablesorter/theme.metro-dark"; | ||||
r865 | //@import "jquery.countdown"; | |||
//@import "tablesorter-theme.cafe"; | ||||
r586 | ||||
//bootstrap | ||||
r865 | //@import "bootstrap-sprockets"; | |||
r870 | @import "my_bootstrap_var"; | |||
r586 | @import "bootstrap"; | |||
r867 | @import "select2/select2.min"; | |||
@import "select2/select2-bootstrap-5-theme.min"; | ||||
r586 | ||||
//@import bootstrap3-switch | ||||
r865 | //@import "bootstrap-toggle"; | |||
//@import "bootstrap-sortable"; | ||||
r790 | //@import "bootstrap-datepicker3"; | |||
r865 | //@import "bootstrap-datetimepicker"; | |||
r866 | //@import "datatables.net-bs/css/dataTables.bootstrap.min"; | |||
//@import "datatables.net-buttons-bs/css/buttons.bootstrap.min"; | ||||
//new import | ||||
@import 'datatables/datatables.min'; | ||||
r868 | @import 'material_icons'; | |||
r586 | ||||
//bootstrap navbar color (from) | ||||
r870 | /* | |||
r586 | $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'); | ||||
} | ||||
r870 | */ | |||
@import 'my_custom' | ||||
r586 | ||||
r867 | /* | |||
r586 | .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; | ||||
} | ||||
} | ||||
} | ||||
r867 | ||||
r586 | @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; | ||||
} | ||||
} | ||||
} | ||||
} | ||||
r867 | */ | |||
r586 | ||||