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