metroui-rails 0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (49) hide show
  1. checksums.yaml +7 -0
  2. data/.gitignore +11 -0
  3. data/.rspec +3 -0
  4. data/.travis.yml +7 -0
  5. data/CHANGELOG.md +3 -0
  6. data/CODE_OF_CONDUCT.md +74 -0
  7. data/Gemfile +4 -0
  8. data/Gemfile.lock +35 -0
  9. data/LICENSE.txt +21 -0
  10. data/README.md +47 -0
  11. data/Rakefile +6 -0
  12. data/bin/console +14 -0
  13. data/bin/setup +8 -0
  14. data/lib/metroui.rb +5 -0
  15. data/lib/metroui/rails.rb +8 -0
  16. data/lib/metroui/rails/version.rb +5 -0
  17. data/metroui-rails.gemspec +29 -0
  18. data/vendor/assets/fonts/metro.json +16858 -0
  19. data/vendor/assets/fonts/metro.svg +613 -0
  20. data/vendor/assets/fonts/metro.ttf +0 -0
  21. data/vendor/assets/fonts/metro.woff +0 -0
  22. data/vendor/assets/javascripts/metro.js +25448 -0
  23. data/vendor/assets/javascripts/metro.min.js +8 -0
  24. data/vendor/assets/javascripts/metro.min.js.map +1 -0
  25. data/vendor/assets/stylesheets/metro-all.css +49524 -0
  26. data/vendor/assets/stylesheets/metro-all.min.css +1 -0
  27. data/vendor/assets/stylesheets/metro-colors.css +5443 -0
  28. data/vendor/assets/stylesheets/metro-colors.min.css +1 -0
  29. data/vendor/assets/stylesheets/metro-icons.css +1862 -0
  30. data/vendor/assets/stylesheets/metro-icons.min.css +1 -0
  31. data/vendor/assets/stylesheets/metro-rtl.css +161 -0
  32. data/vendor/assets/stylesheets/metro-rtl.min.css +1 -0
  33. data/vendor/assets/stylesheets/metro.css +42070 -0
  34. data/vendor/assets/stylesheets/metro.min.css +1 -0
  35. data/vendor/assets/stylesheets/schemes/darcula.css +1026 -0
  36. data/vendor/assets/stylesheets/schemes/darcula.min.css +1 -0
  37. data/vendor/assets/stylesheets/schemes/red-alert.css +950 -0
  38. data/vendor/assets/stylesheets/schemes/red-alert.min.css +1 -0
  39. data/vendor/assets/stylesheets/schemes/red-dark.css +1022 -0
  40. data/vendor/assets/stylesheets/schemes/red-dark.min.css +1 -0
  41. data/vendor/assets/stylesheets/schemes/red-mirohost.css +1043 -0
  42. data/vendor/assets/stylesheets/schemes/red-mirohost.min.css +1 -0
  43. data/vendor/assets/stylesheets/schemes/sky-net.css +950 -0
  44. data/vendor/assets/stylesheets/schemes/sky-net.min.css +1 -0
  45. data/vendor/assets/stylesheets/third-party/datatables.css +174 -0
  46. data/vendor/assets/stylesheets/third-party/datatables.min.css +1 -0
  47. data/vendor/assets/stylesheets/third-party/select2.css +59 -0
  48. data/vendor/assets/stylesheets/third-party/select2.min.css +1 -0
  49. metadata +132 -0
@@ -0,0 +1 @@
1
+ .bg-scheme{background-color:#fff!important}.fg-scheme{color:#464646!important}.bg-scheme-secondary{background-color:#f5f5f5!important}.fg-scheme-secondary{color:#464646!important}.bg-control{background-color:#0ca9f2!important}.fg-control{color:#fff!important}.bd-default{border-color:#0ca9f2!important}.disabled{cursor:default}body{font-size:16px;font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif;color:#464646;background-color:#fff}hr{background-color:#0ca9f2}.file,.input,.select,.textarea,input[type=datetime-local],input[type=email],input[type=file],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea{background-color:#fff;color:#464646;border-color:#0ca9f2!important}.file.focused,.file:focus,.input.focused,.input:focus,.select.focused,.select:focus,.textarea.focused,.textarea:focus,input[type=datetime-local].focused,input[type=datetime-local]:focus,input[type=email].focused,input[type=email]:focus,input[type=file].focused,input[type=file]:focus,input[type=month].focused,input[type=month]:focus,input[type=number].focused,input[type=number]:focus,input[type=password].focused,input[type=password]:focus,input[type=search].focused,input[type=search]:focus,input[type=tel].focused,input[type=tel]:focus,input[type=text].focused,input[type=text]:focus,input[type=time].focused,input[type=time]:focus,input[type=url].focused,input[type=url]:focus,input[type=week].focused,input[type=week]:focus,select.focused,select:focus,textarea.focused,textarea:focus{-webkit-box-shadow:0 0 0 3px rgba(12,169,242,.45);box-shadow:0 0 0 3px rgba(12,169,242,.45)}.file,.input,.select,.textarea{border-style:solid!important}.file .prepend,.input .prepend,.select .prepend,.textarea .prepend{background-color:#0ca9f2;color:#fff}.file input,.file select,.file textarea,.input input,.input select,.input textarea,.select input,.select select,.select textarea,.textarea input,.textarea select,.textarea textarea{-webkit-box-shadow:none!important;box-shadow:none!important;border-color:transparent}.file .button{background-color:#0ca9f2;color:#fff}.select .active a{background-color:#0ca9f2!important;color:#fff!important}.checkbox .check{border-color:#0ca9f2}.checkbox .check::before{border-color:#464646}.checkbox input[type=checkbox]:checked~.check{border-color:#0ca9f2;background-color:#0ca9f2;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.checkbox input[type=checkbox]:checked~.check::before{border-color:#fff}.checkbox input[type=checkbox]:disabled~.check{border-color:rgba(12,169,242,.25);background-color:rgba(12,169,242,.25)}.checkbox input[type=checkbox]:disabled~.check::before{border-color:rgba(12,169,242,.25)}.checkbox input[data-indeterminate=true]~.check{border-color:#0ca9f2;background-color:#0ca9f2}.radio .check{border-color:#0ca9f2}.radio input[type=radio]:checked~.check{border-color:#0ca9f2;background-color:#0ca9f2}.radio input[type=radio]:checked~.check::before{border-color:#fff;background-color:#fff}.radio input[type=radio]:disabled~.check{border-color:rgba(12,169,242,.25);background-color:rgba(12,169,242,.25)}.radio input[type=radio]:disabled~.check::before{border-color:rgba(12,169,242,.25);background-color:rgba(12,169,242,.25)}.checkbox .check,.radio .check{color:#fff}.switch .check{border-color:#0ca9f2}.switch .check::after{border-color:#0ca9f2;background-color:#0ca9f2}.switch input[type=checkbox]:checked~.check{border-color:#0ca9f2;background-color:#0ca9f2}.switch input[type=checkbox]:disabled~.check{border-color:rgba(12,169,242,.25);background-color:rgba(12,169,242,.25)}.switch input[type=checkbox]:disabled~.check::after{border-color:rgba(12,169,242,.25);background-color:rgba(12,169,242,.25)}.switch input[type=checkbox]:disabled:not(:checked)~.check::after{opacity:.5}.button,.command-button,.shortcut,.tool-button{background-color:#0ca9f2;color:#fff}.button.focus,.button:active,.button:focus,.command-button.focus,.command-button:active,.command-button:focus,.shortcut.focus,.shortcut:active,.shortcut:focus,.tool-button.focus,.tool-button:active,.tool-button:focus{-webkit-box-shadow:0 0 0 3px rgba(12,169,242,.45);box-shadow:0 0 0 3px rgba(12,169,242,.45)}.button:hover,.command-button:hover,.shortcut:hover,.tool-button:hover{background-color:#0b98da}.info-button{border-color:#0ca9f2}.info-button .button{background-color:#0ca9f2;color:#fff}.info-button .button:hover{background-color:#0b98da}.image-button{border-color:#0ca9f2}.image-button .icon{background-color:#0ca9f2;color:#fff}.image-button .icon:hover{background-color:#0b98da}.breadcrumbs{background-color:#fff;color:#0ca9f2}.breadcrumbs .page-item::after,.breadcrumbs .page-item::before{background-color:#0ca9f2!important}.breadcrumbs .page-link:hover{color:#0b98da}.pagination .page-item:not(.no-link){background-color:#0ca9f2;color:#fff;border:1px #0ca9f2 solid}.pagination .page-item.active,.pagination .page-item:hover{background-color:#0b98da}.pagination .no-link{background-color:transparent;color:#0ca9f2}.accordion .frame .heading{background-color:#0ca9f2;color:#fff}.accordion .frame{margin:0}.accordion .frame+.frame{border-top:1px rgba(12,169,242,.25) solid}.h-menu{background-color:#0ca9f2;color:#fff}.h-menu>li>a.dropdown-toggle::before{border-color:#fff}.d-menu,.v-menu{background-color:#fff!important;color:#0ca9f2;border:1px solid #0ca9f2;-webkit-box-shadow:none;box-shadow:none}.d-menu .dropdown-toggle::before,.v-menu .dropdown-toggle::before{border-color:#0ca9f2!important}.d-menu li:hover,.v-menu li:hover{background-color:#0ca9f2!important;color:#fff!important}.d-menu li:hover .dropdown-toggle::before,.v-menu li:hover .dropdown-toggle::before{border-color:#fff!important}.d-menu .divider,.v-menu .divider{background-color:#0ca9f2!important}.d-menu .menu-title,.v-menu .menu-title{background-color:#0a87c1;color:#fff}.d-menu .disabled,.v-menu .disabled{color:rgba(12,169,242,.5)!important}.v-menu .v-menu{border:none!important}.t-menu{background-color:#0ca9f2;color:#fff;-webkit-box-shadow:none;box-shadow:none}.t-menu li a{border-color:rgba(255,255,255,.25)!important}.t-menu .dropdown-toggle::after{border-color:transparent transparent #fff transparent}.app-bar{background-color:#0ca9f2;color:#fff}.app-bar .dropdown-toggle::before{border-color:#fff}.app-bar .app-bar-container .d-menu,.app-bar .app-bar-menu li .d-menu{background-color:#0ca9f2!important;color:#fff!important}.app-bar .app-bar-container .d-menu li:hover,.app-bar .app-bar-menu li .d-menu li:hover{background-color:rgba(29,29,29,.1)!important}.app-bar .app-bar-container .divider,.app-bar .app-bar-menu li .divider{background-color:rgba(255,255,255,.25)}[class*=app-bar-expand] .app-bar-container .d-menu,[class*=app-bar-expand] .app-bar-menu li .d-menu{-webkit-box-shadow:none!important;box-shadow:none!important;border:1px solid #0ca9f2!important;background-color:#fff!important;color:#0ca9f2!important}[class*=app-bar-expand] .app-bar-container .d-menu li:hover,[class*=app-bar-expand] .app-bar-menu li .d-menu li:hover{background-color:#0ca9f2!important;color:#fff!important}.calendar{border-color:#0ca9f2}.calendar .calendar-header{background-color:#0ca9f2;color:#fff}.calendar .day.today{background-color:#0ca9f2}.calendar .day.selected{-webkit-box-shadow:0 0 0 1px #0ca9f2!important;box-shadow:0 0 0 1px #0ca9f2!important}.calendar .day.selected::after{border-top-color:#0ca9f2}.calendar .calendar-months>.months-list li.active,.calendar .calendar-years>.years-list li.active{background-color:#0ca9f2;color:#fff}.calendar .calendar-footer{border-top-color:rgba(12,169,242,.25)}.calendar .week-days{border-top-color:rgba(12,169,242,.25);border-bottom-color:rgba(12,169,242,.25)}[class*=calendar-wide] .calendar-footer{border-left-color:rgba(12,169,242,.25)}.countdown{line-height:1.5}.countdown .part{color:#464646}.wheel-picker{background-color:#fff;color:#464646}.wheel-picker .date-wrapper,.wheel-picker .time-wrapper{border-color:#0ca9f2}.wheel-picker .select-block{background-color:#0ca9f2;color:#fff}.wheel-picker .select-block ul{border-color:rgba(12,169,242,.25)}.wheel-picker .action-block{border-top:1px rgba(12,169,242,.25) solid}.wheel-picker .action-block .button{color:#fff}.dialog{background-color:#fff;color:#464646;border:1px solid #0ca9f2}.dialog .dialog-actions{border-top-color:#0ca9f2}.keypad .keys{background-color:#fff;border-color:#0ca9f2;color:#464646}.keypad .key.service-key{background-color:#0a87c1}.hint{background-color:#f5f5f5;color:#464646}.listview{background-color:#fff;color:#464646}.listview .node:hover{background-color:rgba(12,169,242,.25);color:#fff}.listview .node.current-select{background-color:#0ca9f2;color:#fff;border-color:#0ca9f2!important}.listview .node-group .node-toggle::before{border-color:#464646}.listview.view-content .node+.node{border-top-color:#0ca9f2}.master{background-color:#f5f5f5;color:#464646}.master .controls .next,.master .controls .prev{color:#0ca9f2}.master .controls .next.disabled,.master .controls .prev.disabled{color:rgba(12,169,242,.25)}.master .pages{border-color:#0ca9f2}.navview .navview-pane{background-color:#f5f5f5;color:#464646}.navview .navview-pane .holder:hover,.navview .navview-pane .navview-menu li a:hover,.navview .navview-pane .pull-button:hover{background-color:rgba(29,29,29,.1)}.navview .navview-pane .holder:active,.navview .navview-pane .holder:focus,.navview .navview-pane .navview-menu li a:active,.navview .navview-pane .navview-menu li a:focus,.navview .navview-pane .pull-button:active,.navview .navview-pane .pull-button:focus{background-color:#0a87c1}.navview .navview-pane .holder:focus,.navview .navview-pane .navview-menu li a:focus,.navview .navview-pane .pull-button:focus{border:2px solid #0a87c1}.navview .navview-pane .dropdown-toggle::after{border-color:transparent transparent #fff transparent}.navview .navview-content{background-color:#fff;color:#464646}.notify{background-color:#f5f5f5;color:#464646;border:1px solid #0ca9f2}.panel{background-color:#f5f5f5;color:#464646;border-color:rgba(12,169,242,.25)!important}.panel .panel-title{background-color:#0ca9f2;color:#fff;border-bottom-color:rgba(255,255,255,.25)}.panel .panel-title .dropdown-toggle{border-left-color:rgba(255,255,255,.25)}.panel .panel-title .dropdown-toggle::before{border-color:#fff}.panel .panel-title .icon{border-right-color:rgba(255,255,255,.25)}.window{border-color:rgba(12,169,242,.25);background-color:#fff;color:#464646}.window .window-caption{background-color:#0ca9f2;color:#fff}.window .window-content{background-color:#f5f5f5;color:#464646}.resize-element::after{border-bottom-color:#0ca9f2}.popover{background-color:#f5f5f5;color:#464646;border-color:#0ca9f2}.rating .stars li{color:rgba(12,169,242,.25)}.rating .stars li.on{color:#0ca9f2}.rating:not(.static) .stars:hover li{color:#0ca9f2}.rating:not(.static) .stars li:hover~li{color:rgba(12,169,242,.25)!important}.sidenav-counter,.sidenav-simple{background-color:#fff;color:#0ca9f2}.sidenav-counter .active,.sidenav-counter li.active:hover,.sidenav-simple .active,.sidenav-simple li.active:hover{background-color:#0ca9f2;color:#fff}.sidenav-counter li.disabled,.sidenav-simple li.disabled{color:rgba(255,255,255,.25)!important}.sidenav-m3{background-color:#0ca9f2;color:#fff}.sidenav-m3 a{background-color:#0ca9f2}.sidenav-m3 a:hover{background-color:rgba(29,29,29,.1)}.sidenav-m3 li.disabled{color:rgba(255,255,255,.25)!important}.sidenav-m3 li+li{border-top-color:#0ca9f2}.sidenav-m3 .d-menu{background-color:#0a87c1!important;border-color:#0ca9f2;margin-bottom:4px}.sidenav-m3 .d-menu li{border-color:#0ca9f2!important;color:#fff!important}.sidenav-m3 .d-menu li.disabled{color:rgba(255,255,255,.25)!important}.sidenav-m3 .dropdown-toggle::before{border-color:#fff}.slider .backside{background-color:rgba(12,169,242,.25)}.slider .buffer{background-color:#fff}.slider .complete{background-color:#0ca9f2}.slider .marker{background-color:#464646}.stepper::before{background-color:#f5f5f5}.stepper .step{background-color:#f5f5f5;color:#464646}.stepper .step.complete{background-color:#0ca9f2;color:#fff}.stepper .step.current{background-color:#464646;color:#fff}.streamer .streams{background-color:#fff;color:#464646}.streamer .streamer-action{background-color:#0ca9f2;color:#fff}.streamer .stream{border-color:#0ca9f2}.streamer .event-group{background-color:#fff;color:#464646}.streamer .stream-event{background-color:#f5f5f5;color:#464646;border-color:#0ca9f2}.streamer .stream-event:hover{border-color:#6ccbf8}.streamer .stream-event.selected{-webkit-box-shadow:0 0 0 1px #0ca9f2!important;box-shadow:0 0 0 1px #0ca9f2!important}.streamer .stream-event.selected::before{border-color:#464646!important}.streamer .stream-event.selected::after{border-top-color:#0ca9f2}.streamer .stream-event-slide .slide-data .title{color:#464646}.streamer .stream-event-slide .slide-data .desc,.streamer .stream-event-slide .slide-data .subtitle{color:#464646}.table thead{border-bottom-color:#0ca9f2}.table tfoot{border-top-color:#0ca9f2}.table .sortable-column.sort-asc,.table .sortable-column.sort-desc{background-color:#0ca9f2;color:#fff}.table .sortable-column.sort-asc:after,.table .sortable-column.sort-desc:after{color:#fff}.table.striped tbody tr:nth-child(odd){background:#f5f5f5}.table.table-border{border-color:#0ca9f2}.table.cell-border td,.table.cell-border th{border-color:#0ca9f2}.tabs{background-color:#fff;color:#fff;border-color:#0ca9f2}.tabs>ul>li{background-color:#f5f5f5;color:#464646}.tabs>ul>li:hover{background-color:rgba(12,169,242,.25)}.tabs>ul>li.active{background-color:#0ca9f2;color:#fff}.tabs .disabled{color:rgba(255,255,255,.25)!important}.tabs.vertical>ul{border-right-color:#0ca9f2}.tabs.vertical>ul>li{border-right-color:#0ca9f2}.tabs.vertical>ul>li.active{border-color:#0ca9f2}.tabs.vertical.right>ul{border-left-color:#0ca9f2}.tabs.vertical.right>ul>li{border-left-color:#0ca9f2}.tabs.vertical.right>ul>li.active{border-color:#0ca9f2}[class*=tabs-expand]>ul{border-bottom-color:#0ca9f2}[class*=tabs-expand]>ul>li{border-bottom-color:#0ca9f2}[class*=tabs-expand]>ul>li.active{border-color:#0ca9f2}.topbar{background-color:#0ca9f2;color:#fff}.topbar .topbar-brand,.topbar .topbar-element,.topbar .topbar-menu{color:#fff}.treeview{background-color:#fff;color:#464646}.treeview .node-toggle::before{border-color:#464646!important}.treeview li.current>.caption{color:#464646}.wizard{background-color:#fff;color:#464646;border-color:#0ca9f2}.wizard.section,.wizard>section{border-color:#000}.wizard.section:nth-child(1),.wizard>section:nth-child(1){border-color:#0ca9f2}.wizard.section:nth-child(2),.wizard>section:nth-child(2){border-color:#0b98da}.wizard.section:nth-child(3),.wizard>section:nth-child(3){border-color:#0a87c1}.wizard.section:nth-child(4),.wizard>section:nth-child(4){border-color:#0876a9}.wizard.section:nth-child(5),.wizard>section:nth-child(5){border-color:#076591}.wizard.section:nth-child(6),.wizard>section:nth-child(6){border-color:#065479}.wizard.section:nth-child(7),.wizard>section:nth-child(7){border-color:#054360}.wizard.section:nth-child(8),.wizard>section:nth-child(8){border-color:#043248}.wizard.section:nth-child(9),.wizard>section:nth-child(9){border-color:#022130}.wizard.section:nth-child(10),.wizard>section:nth-child(10){border-color:#000}.wizard.section::before,.wizard>section::before{color:#fff}.wizard.section.complete,.wizard>section.complete{border-color:#767676}.wizard.section.complete:nth-child(1),.wizard>section.complete:nth-child(1){border-color:#f5f5f5}.wizard.section.complete:nth-child(2),.wizard>section.complete:nth-child(2){border-color:#e8e8e8}.wizard.section.complete:nth-child(3),.wizard>section.complete:nth-child(3){border-color:#dcdcdc}.wizard.section.complete:nth-child(4),.wizard>section.complete:nth-child(4){border-color:#cfcfcf}.wizard.section.complete:nth-child(5),.wizard>section.complete:nth-child(5){border-color:#c2c2c2}.wizard.section.complete:nth-child(6),.wizard>section.complete:nth-child(6){border-color:#b5b5b5}.wizard.section.complete:nth-child(7),.wizard>section.complete:nth-child(7){border-color:#a9a9a9}.wizard.section.complete:nth-child(8),.wizard>section.complete:nth-child(8){border-color:#9c9c9c}.wizard.section.complete:nth-child(9),.wizard>section.complete:nth-child(9){border-color:#8f8f8f}.wizard.section.complete:nth-child(10),.wizard>section.complete:nth-child(10){border-color:#767676}.wizard.section.complete::before,.wizard>section.complete::before{color:#464646}.wizard.section.current::before,.wizard>section.current::before{color:#464646;background-color:#0ca9f2}.wizard .action-bar button{border-color:#0ca9f2;color:#fff}.ribbon-menu .tabs-holder .static{background-color:#0ca9f2;color:#fff}.ribbon-menu .tabs-holder .static:hover{border-color:transparent!important}.ribbon-menu .ribbon-button,.ribbon-menu .ribbon-icon-button,.ribbon-menu .ribbon-main,.ribbon-menu .ribbon-split,.ribbon-menu .ribbon-tool-button{color:#464646}.ribbon-menu .ribbon-button:hover,.ribbon-menu .ribbon-icon-button:hover,.ribbon-menu .ribbon-main:hover,.ribbon-menu .ribbon-split:hover,.ribbon-menu .ribbon-tool-button:hover{border-color:rgba(12,169,242,.25);background-color:rgba(245,245,245,.25)}.ribbon-menu .ribbon-button.active,.ribbon-menu .ribbon-button:active,.ribbon-menu .ribbon-icon-button.active,.ribbon-menu .ribbon-icon-button:active,.ribbon-menu .ribbon-main.active,.ribbon-menu .ribbon-main:active,.ribbon-menu .ribbon-split.active,.ribbon-menu .ribbon-split:active,.ribbon-menu .ribbon-tool-button.active,.ribbon-menu .ribbon-tool-button:active{border-color:rgba(12,169,242,.25);background-color:rgba(255,255,255,.25)}.ribbon-menu .ribbon-split-button:hover{border-color:rgba(12,169,242,.25)}.ribbon-menu .ribbon-split-button:hover .ribbon-split{border-color:rgba(12,169,242,.25)}.ribbon-menu .ribbon-dropdown{-webkit-box-shadow:none;box-shadow:none}.ribbon-menu .ribbon-dropdown li:hover{border-color:rgba(12,169,242,.25);background-color:rgba(245,245,245,.25)}.ribbon-menu .ribbon-dropdown .checked::after{border-color:rgba(12,169,242,.25);background-color:rgba(245,245,245,.25)}.navview .navview-pane .navview-menu li.active::before{background-color:#fff}
@@ -0,0 +1,174 @@
1
+ /*
2
+ * Metro 4 Components Library v4.2.38 (https://metroui.org.ua)
3
+ * Copyright 2019 Sergey Pimenov
4
+ * Licensed under MIT
5
+ */
6
+ .sorting,
7
+ .sorting_asc,
8
+ .sorting_desc {
9
+ position: relative;
10
+ cursor: pointer;
11
+ }
12
+ .sorting:after,
13
+ .sorting_asc:after,
14
+ .sorting_desc:after {
15
+ position: absolute;
16
+ content: "";
17
+ width: 1rem;
18
+ height: 1rem;
19
+ left: 100%;
20
+ margin-left: -1.25rem;
21
+ top: 50%;
22
+ margin-top: -0.5rem;
23
+ font-size: 1rem;
24
+ line-height: 1;
25
+ color: #1d1d1d;
26
+ }
27
+ .sorting_asc {
28
+ background-color: #ebebeb;
29
+ }
30
+ .sorting_asc:after {
31
+ content: "\2191";
32
+ }
33
+ .sorting_desc {
34
+ background-color: #ebebeb;
35
+ }
36
+ .sorting_desc:after {
37
+ content: "\2193";
38
+ }
39
+ .dataTables_length label {
40
+ display: -webkit-box;
41
+ display: -ms-flexbox;
42
+ display: flex;
43
+ -webkit-box-orient: horizontal;
44
+ -webkit-box-direction: normal;
45
+ -ms-flex-flow: row nowrap;
46
+ flex-flow: row nowrap;
47
+ -webkit-box-align: center;
48
+ -ms-flex-align: center;
49
+ align-items: center;
50
+ }
51
+ .dataTables_length label select {
52
+ margin: 0 10px;
53
+ width: 100px;
54
+ }
55
+ .dataTables_filter label {
56
+ display: -webkit-box;
57
+ display: -ms-flexbox;
58
+ display: flex;
59
+ -webkit-box-orient: horizontal;
60
+ -webkit-box-direction: normal;
61
+ -ms-flex-flow: row nowrap;
62
+ flex-flow: row nowrap;
63
+ -webkit-box-align: center;
64
+ -ms-flex-align: center;
65
+ align-items: center;
66
+ }
67
+ .dataTables_filter label input {
68
+ width: 200px;
69
+ margin-left: 10px;
70
+ }
71
+ .dataTables_paginate {
72
+ display: -webkit-box;
73
+ display: -ms-flexbox;
74
+ display: flex;
75
+ -ms-flex-wrap: wrap;
76
+ flex-wrap: wrap;
77
+ list-style: none inside;
78
+ padding: 0;
79
+ -webkit-user-select: none;
80
+ -moz-user-select: none;
81
+ -ms-user-select: none;
82
+ user-select: none;
83
+ -webkit-box-pack: center;
84
+ -ms-flex-pack: center;
85
+ justify-content: center;
86
+ }
87
+ .dataTables_paginate .previous,
88
+ .dataTables_paginate .next,
89
+ .dataTables_paginate span a {
90
+ cursor: pointer;
91
+ display: block;
92
+ position: relative;
93
+ padding: 0.5rem 0.75rem;
94
+ line-height: 1;
95
+ font-size: 1rem;
96
+ text-decoration: none;
97
+ background-color: #ffffff;
98
+ color: #1d1d1d;
99
+ border: 1px solid #dfdfdf;
100
+ margin: 0.25rem;
101
+ }
102
+ .dataTables_paginate .previous:hover,
103
+ .dataTables_paginate .next:hover,
104
+ .dataTables_paginate span a:hover {
105
+ background-color: rgba(29, 29, 29, 0.1);
106
+ }
107
+ .dataTables_paginate span {
108
+ display: -webkit-box;
109
+ display: -ms-flexbox;
110
+ display: flex;
111
+ -webkit-box-orient: horizontal;
112
+ -webkit-box-direction: normal;
113
+ -ms-flex-flow: row wrap;
114
+ flex-flow: row wrap;
115
+ }
116
+ .dataTables_paginate .current {
117
+ background-color: #e4e4e4;
118
+ }
119
+ .dataTables_wrapper {
120
+ margin-top: 10px;
121
+ display: -webkit-box;
122
+ display: -ms-flexbox;
123
+ display: flex;
124
+ -webkit-box-orient: horizontal;
125
+ -webkit-box-direction: normal;
126
+ -ms-flex-flow: row wrap;
127
+ flex-flow: row wrap;
128
+ -webkit-box-pack: justify;
129
+ -ms-flex-pack: justify;
130
+ justify-content: space-between;
131
+ -ms-flex-line-pack: center;
132
+ align-content: center;
133
+ }
134
+ .dataTables_length,
135
+ .dataTables_filter {
136
+ -webkit-box-flex: 1;
137
+ -ms-flex: 1;
138
+ flex: 1;
139
+ }
140
+ .dataTables_paginate,
141
+ .dataTables_info,
142
+ .dataTable {
143
+ width: 100%;
144
+ }
145
+ .dataTables_info {
146
+ line-height: 42px;
147
+ text-align: center;
148
+ }
149
+ @media all and (min-width: 576px) {
150
+ .dataTables_filter label {
151
+ -webkit-box-pack: end;
152
+ -ms-flex-pack: end;
153
+ justify-content: flex-end;
154
+ }
155
+ .dataTables_length label {
156
+ -webkit-box-pack: start;
157
+ -ms-flex-pack: start;
158
+ justify-content: flex-start;
159
+ }
160
+ }
161
+ @media all and (min-width: 992px) {
162
+ .dataTables_paginate,
163
+ .dataTables_info {
164
+ width: auto;
165
+ }
166
+ .dataTables_info {
167
+ text-align: left;
168
+ }
169
+ .dataTables_paginate {
170
+ -webkit-box-pack: end;
171
+ -ms-flex-pack: end;
172
+ justify-content: flex-end;
173
+ }
174
+ }
@@ -0,0 +1 @@
1
+ .sorting,.sorting_asc,.sorting_desc{position:relative;cursor:pointer}.sorting:after,.sorting_asc:after,.sorting_desc:after{position:absolute;content:"";width:1rem;height:1rem;left:100%;margin-left:-1.25rem;top:50%;margin-top:-.5rem;font-size:1rem;line-height:1;color:#1d1d1d}.sorting_asc{background-color:#ebebeb}.sorting_asc:after{content:"\2191"}.sorting_desc{background-color:#ebebeb}.sorting_desc:after{content:"\2193"}.dataTables_length label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.dataTables_length label select{margin:0 10px;width:100px}.dataTables_filter label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.dataTables_filter label input{width:200px;margin-left:10px}.dataTables_paginate{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none inside;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.dataTables_paginate .next,.dataTables_paginate .previous,.dataTables_paginate span a{cursor:pointer;display:block;position:relative;padding:.5rem .75rem;line-height:1;font-size:1rem;text-decoration:none;background-color:#fff;color:#1d1d1d;border:1px solid #dfdfdf;margin:.25rem}.dataTables_paginate .next:hover,.dataTables_paginate .previous:hover,.dataTables_paginate span a:hover{background-color:rgba(29,29,29,.1)}.dataTables_paginate span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap}.dataTables_paginate .current{background-color:#e4e4e4}.dataTables_wrapper{margin-top:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-line-pack:center;align-content:center}.dataTables_filter,.dataTables_length{-webkit-box-flex:1;-ms-flex:1;flex:1}.dataTable,.dataTables_info,.dataTables_paginate{width:100%}.dataTables_info{line-height:42px;text-align:center}@media all and (min-width:576px){.dataTables_filter label{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.dataTables_length label{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}}@media all and (min-width:992px){.dataTables_info,.dataTables_paginate{width:auto}.dataTables_info{text-align:left}.dataTables_paginate{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}}
@@ -0,0 +1,59 @@
1
+ /*
2
+ * Metro 4 Components Library v4.2.38 (https://metroui.org.ua)
3
+ * Copyright 2019 Sergey Pimenov
4
+ * Licensed under MIT
5
+ */
6
+ .select2-container .selection .select2-selection--single {
7
+ height: 36px;
8
+ border: 1px #d9d9d9 solid;
9
+ }
10
+ .select2-container .selection .select2-selection--single .select2-selection__rendered {
11
+ line-height: 36px;
12
+ }
13
+ .select2-container .selection .select2-selection--single .select2-selection__arrow {
14
+ height: 36px;
15
+ }
16
+ .select2-container .selection .select2-selection--multiple {
17
+ min-height: 36px;
18
+ border: 1px #d9d9d9 solid;
19
+ }
20
+ .select2-container .selection .select2-selection--multiple .select2-selection__rendered {
21
+ display: block;
22
+ }
23
+ .select2-container .selection .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
24
+ border-radius: 0;
25
+ background-color: #f8f8f8;
26
+ font-size: 14px;
27
+ height: 26px;
28
+ line-height: 26px;
29
+ }
30
+ .select2-container .selection .select2-selection--multiple .select2-selection__rendered .select2-search--inline .select2-search__field {
31
+ margin-top: 0;
32
+ }
33
+ .select2-container .select2-selection,
34
+ .select2-container .select2-dropdown {
35
+ border-radius: 0;
36
+ }
37
+ .select2 .selection .select2-selection--single,
38
+ .select2 .selection .select2-selection--multiple {
39
+ outline: none;
40
+ }
41
+ .select2 .selection .select2-selection--single:hover,
42
+ .select2 .selection .select2-selection--multiple:hover {
43
+ border-color: #c0c0c0;
44
+ }
45
+ .select2 .selection .select2-selection--single:focus,
46
+ .select2 .selection .select2-selection--multiple:focus,
47
+ .select2 .selection .select2-selection--single.focused,
48
+ .select2 .selection .select2-selection--multiple.focused {
49
+ -webkit-box-shadow: 0 0 0 3px rgba(228, 228, 228, 0.45);
50
+ box-shadow: 0 0 0 3px rgba(228, 228, 228, 0.45);
51
+ }
52
+ .select2 .selection .select2-selection--single:disabled,
53
+ .select2 .selection .select2-selection--multiple:disabled,
54
+ .select2 .selection .select2-selection--single.disabled,
55
+ .select2 .selection .select2-selection--multiple.disabled {
56
+ pointer-events: none;
57
+ border-color: #ebebeb;
58
+ background-color: #e9e9e9;
59
+ }
@@ -0,0 +1 @@
1
+ .select2-container .selection .select2-selection--single{height:36px;border:1px #d9d9d9 solid}.select2-container .selection .select2-selection--single .select2-selection__rendered{line-height:36px}.select2-container .selection .select2-selection--single .select2-selection__arrow{height:36px}.select2-container .selection .select2-selection--multiple{min-height:36px;border:1px #d9d9d9 solid}.select2-container .selection .select2-selection--multiple .select2-selection__rendered{display:block}.select2-container .selection .select2-selection--multiple .select2-selection__rendered .select2-selection__choice{border-radius:0;background-color:#f8f8f8;font-size:14px;height:26px;line-height:26px}.select2-container .selection .select2-selection--multiple .select2-selection__rendered .select2-search--inline .select2-search__field{margin-top:0}.select2-container .select2-dropdown,.select2-container .select2-selection{border-radius:0}.select2 .selection .select2-selection--multiple,.select2 .selection .select2-selection--single{outline:0}.select2 .selection .select2-selection--multiple:hover,.select2 .selection .select2-selection--single:hover{border-color:silver}.select2 .selection .select2-selection--multiple.focused,.select2 .selection .select2-selection--multiple:focus,.select2 .selection .select2-selection--single.focused,.select2 .selection .select2-selection--single:focus{-webkit-box-shadow:0 0 0 3px rgba(228,228,228,.45);box-shadow:0 0 0 3px rgba(228,228,228,.45)}.select2 .selection .select2-selection--multiple.disabled,.select2 .selection .select2-selection--multiple:disabled,.select2 .selection .select2-selection--single.disabled,.select2 .selection .select2-selection--single:disabled{pointer-events:none;border-color:#ebebeb;background-color:#e9e9e9}
metadata ADDED
@@ -0,0 +1,132 @@
1
+ --- !ruby/object:Gem::Specification
2
+ name: metroui-rails
3
+ version: !ruby/object:Gem::Version
4
+ version: '0.1'
5
+ platform: ruby
6
+ authors:
7
+ - Maikel Nieves Matamoros
8
+ autorequire:
9
+ bindir: exe
10
+ cert_chain: []
11
+ date: 2019-03-08 00:00:00.000000000 Z
12
+ dependencies:
13
+ - !ruby/object:Gem::Dependency
14
+ name: bundler
15
+ requirement: !ruby/object:Gem::Requirement
16
+ requirements:
17
+ - - "~>"
18
+ - !ruby/object:Gem::Version
19
+ version: '2.0'
20
+ type: :development
21
+ prerelease: false
22
+ version_requirements: !ruby/object:Gem::Requirement
23
+ requirements:
24
+ - - "~>"
25
+ - !ruby/object:Gem::Version
26
+ version: '2.0'
27
+ - !ruby/object:Gem::Dependency
28
+ name: rake
29
+ requirement: !ruby/object:Gem::Requirement
30
+ requirements:
31
+ - - "~>"
32
+ - !ruby/object:Gem::Version
33
+ version: '10.0'
34
+ type: :development
35
+ prerelease: false
36
+ version_requirements: !ruby/object:Gem::Requirement
37
+ requirements:
38
+ - - "~>"
39
+ - !ruby/object:Gem::Version
40
+ version: '10.0'
41
+ - !ruby/object:Gem::Dependency
42
+ name: rspec
43
+ requirement: !ruby/object:Gem::Requirement
44
+ requirements:
45
+ - - "~>"
46
+ - !ruby/object:Gem::Version
47
+ version: '3.0'
48
+ type: :development
49
+ prerelease: false
50
+ version_requirements: !ruby/object:Gem::Requirement
51
+ requirements:
52
+ - - "~>"
53
+ - !ruby/object:Gem::Version
54
+ version: '3.0'
55
+ description:
56
+ email:
57
+ - mikethewolf83@gmail.com
58
+ executables: []
59
+ extensions: []
60
+ extra_rdoc_files: []
61
+ files:
62
+ - ".gitignore"
63
+ - ".rspec"
64
+ - ".travis.yml"
65
+ - CHANGELOG.md
66
+ - CODE_OF_CONDUCT.md
67
+ - Gemfile
68
+ - Gemfile.lock
69
+ - LICENSE.txt
70
+ - README.md
71
+ - Rakefile
72
+ - bin/console
73
+ - bin/setup
74
+ - lib/metroui.rb
75
+ - lib/metroui/rails.rb
76
+ - lib/metroui/rails/version.rb
77
+ - metroui-rails.gemspec
78
+ - vendor/assets/fonts/metro.json
79
+ - vendor/assets/fonts/metro.svg
80
+ - vendor/assets/fonts/metro.ttf
81
+ - vendor/assets/fonts/metro.woff
82
+ - vendor/assets/javascripts/metro.js
83
+ - vendor/assets/javascripts/metro.min.js
84
+ - vendor/assets/javascripts/metro.min.js.map
85
+ - vendor/assets/stylesheets/metro-all.css
86
+ - vendor/assets/stylesheets/metro-all.min.css
87
+ - vendor/assets/stylesheets/metro-colors.css
88
+ - vendor/assets/stylesheets/metro-colors.min.css
89
+ - vendor/assets/stylesheets/metro-icons.css
90
+ - vendor/assets/stylesheets/metro-icons.min.css
91
+ - vendor/assets/stylesheets/metro-rtl.css
92
+ - vendor/assets/stylesheets/metro-rtl.min.css
93
+ - vendor/assets/stylesheets/metro.css
94
+ - vendor/assets/stylesheets/metro.min.css
95
+ - vendor/assets/stylesheets/schemes/darcula.css
96
+ - vendor/assets/stylesheets/schemes/darcula.min.css
97
+ - vendor/assets/stylesheets/schemes/red-alert.css
98
+ - vendor/assets/stylesheets/schemes/red-alert.min.css
99
+ - vendor/assets/stylesheets/schemes/red-dark.css
100
+ - vendor/assets/stylesheets/schemes/red-dark.min.css
101
+ - vendor/assets/stylesheets/schemes/red-mirohost.css
102
+ - vendor/assets/stylesheets/schemes/red-mirohost.min.css
103
+ - vendor/assets/stylesheets/schemes/sky-net.css
104
+ - vendor/assets/stylesheets/schemes/sky-net.min.css
105
+ - vendor/assets/stylesheets/third-party/datatables.css
106
+ - vendor/assets/stylesheets/third-party/datatables.min.css
107
+ - vendor/assets/stylesheets/third-party/select2.css
108
+ - vendor/assets/stylesheets/third-party/select2.min.css
109
+ homepage: https://mikethewolf83.github.io/metroui-rails/
110
+ licenses:
111
+ - MIT
112
+ metadata: {}
113
+ post_install_message:
114
+ rdoc_options: []
115
+ require_paths:
116
+ - lib
117
+ required_ruby_version: !ruby/object:Gem::Requirement
118
+ requirements:
119
+ - - ">="
120
+ - !ruby/object:Gem::Version
121
+ version: '0'
122
+ required_rubygems_version: !ruby/object:Gem::Requirement
123
+ requirements:
124
+ - - ">="
125
+ - !ruby/object:Gem::Version
126
+ version: '0'
127
+ requirements: []
128
+ rubygems_version: 3.0.2
129
+ signing_key:
130
+ specification_version: 4
131
+ summary: Adds metroui.org.ua modern CSS framework into Rails assets pipeline.
132
+ test_files: []