/*----------------------------------------------------------------------------------------
re-com.css
This file is required for styling the re-com UI library components.
To use the library, bootstrap.css is also required, which is best obtained from a CDN.
So, place the following lines in the section of the html file:
The following is required for constraining an application to the
height of the browser window and setting some global defaults like font...
----------------------------------------------------------------------------------------*/
/* The following style addresses: http://stackoverflow.com/questions/28636832/firefox-overflow-y-not-working-with-nested-flexbox */
* {
min-height: 0px;
min-width: 0px;
}
html, body {
font-size: 12px;
font-weight: 400;
color: #787878;
height: 100%;
margin: 0;
padding: 0;
font-family: 'Lato', sans-serif;
}
/*----------------------------------------------------------------------------------------
Custom scrollbars
- http://css-tricks.com/custom-scrollbars-in-webkit
- http://codemug.com/html/custom-scrollbars-using-css
----------------------------------------------------------------------------------------*/
::-webkit-scrollbar {
width: 5px;
border-radius: 5px;
background-color: rgba(0,0,0,0.05);
}
::-webkit-scrollbar:horizontal {
height: 5px;
}
::-webkit-scrollbar:hover {
background-color:rgba(0,0,0,0.20);
}
::-webkit-scrollbar-thumb:horizontal, ::-webkit-scrollbar-thumb:vertical {
background:rgba(0,0,0,0.25);
border-radius: 5px;
}
::-webkit-scrollbar-thumb:horizontal:active, ::-webkit-scrollbar-thumb:vertical:active {
background:rgba(0,0,0,0.45);
}
/* Color of selected text*/
/*
::-moz-selection { color: gold; background: red; }
::selection { color: gold; background: red; }
*/
/*----------------------------------------------------------------------------------------
Flexbox "display" styles
Requires 2 display values which we can't represent in a Clojure map
----------------------------------------------------------------------------------------*/
.display-flex {
display: -webkit-flex;
display: flex;
}
.display-inline-flex {
display: -webkit-inline-flex;
display: inline-flex;
}