mdb-ui-kit/less/material.less

143 lines
2.3 KiB
Plaintext
Raw Normal View History

2014-10-18 18:17:31 +04:00
@import "_variables.less";
2014-12-05 05:35:32 +03:00
@import "_colors.less";
2014-10-18 18:17:31 +04:00
@import "_mixins.less";
@import "_icons-material-design.less";
2014-08-18 18:25:33 +04:00
body {
2015-03-17 20:27:20 +03:00
background-color: @body-bg;
2014-11-26 15:04:13 +03:00
&.inverse {
background: #333333;
&, .form-control {
color: @darkbg-text;
}
2015-03-17 20:40:13 +03:00
.modal,
.panel-default,
.card {
&,
.form-control {
background-color: initial;
color: initial;
}
}
2014-11-26 15:04:13 +03:00
}
2014-08-18 18:25:33 +04:00
}
body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4 {
2014-12-02 11:15:18 +03:00
font-family: "RobotoDraft", "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
2014-11-26 15:04:13 +03:00
font-weight: 300;
}
h5, h6{
2014-11-26 15:04:13 +03:00
font-weight: 400;
2014-08-18 18:25:33 +04:00
}
a, a:hover, a:focus {
color: @primary;
}
// Well and Jumbotrons
2014-10-18 18:17:31 +04:00
@import "_welljumbo.less";
2014-08-18 18:25:33 +04:00
// Buttons
2014-10-18 18:17:31 +04:00
@import "_buttons.less";
2014-08-18 18:25:33 +04:00
// Checkboxes
2014-10-18 18:17:31 +04:00
@import "_checkboxes.less";
2014-08-18 18:25:33 +04:00
2014-12-01 15:29:34 +03:00
// Toggle buttons
@import "_togglebutton.less";
2014-08-18 18:25:33 +04:00
// Radios
2014-10-18 18:17:31 +04:00
@import "_radios.less";
2014-08-18 18:25:33 +04:00
// Text inputs
2014-10-18 18:17:31 +04:00
@import "_inputs.less";
2014-08-18 18:25:33 +04:00
legend {
2014-11-26 15:04:13 +03:00
border-bottom: 0;
}
2014-08-18 18:25:33 +04:00
2014-09-07 19:10:57 +04:00
// Lists
2014-10-18 18:17:31 +04:00
@import "_lists.less";
2014-08-18 18:25:33 +04:00
// Navbar
2014-10-18 18:17:31 +04:00
@import "_navbar.less";
2014-08-18 18:25:33 +04:00
.dropdown-menu {
2014-11-26 15:04:13 +03:00
border: 0;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
.divider {
background-color: rgba(229, 229, 229, 0.12);
}
li {
overflow: hidden;
position: relative;
a:hover {
background-color: transparent;
color: @primary;
2014-08-18 18:25:33 +04:00
}
2014-11-26 15:04:13 +03:00
}
.variations(~" li a:hover", color, @primary);
2014-08-18 18:25:33 +04:00
}
// Alerts
2014-10-18 18:17:31 +04:00
@import "_alerts.less";
2014-08-18 18:25:33 +04:00
// Progress bar
2014-10-18 18:17:31 +04:00
@import "_progress.less";
2014-08-18 18:25:33 +04:00
// Typography
.text-warning {
2014-11-26 15:04:13 +03:00
color: @btn-warning;
2014-08-18 18:25:33 +04:00
}
.text-primary {
2014-11-26 15:04:13 +03:00
color: @btn-primary;
2014-08-18 18:25:33 +04:00
}
.text-danger {
2014-11-26 15:04:13 +03:00
color: @btn-danger;
2014-08-18 18:25:33 +04:00
}
.text-success {
2014-11-26 15:04:13 +03:00
color: @btn-success;
2014-08-18 18:25:33 +04:00
}
.text-info {
2014-11-26 15:04:13 +03:00
color: @btn-info;
2014-08-18 18:25:33 +04:00
}
2014-10-18 18:17:31 +04:00
@import "_tabs.less";
2014-08-20 19:00:55 +04:00
2014-10-18 18:17:31 +04:00
@import "_popups.less";
2014-08-20 19:00:55 +04:00
2014-10-18 18:17:31 +04:00
@import "_icons.less";
2014-08-25 18:37:26 +04:00
2014-10-18 18:17:31 +04:00
@import "_cards.less";
2014-08-26 12:50:52 +04:00
2014-10-18 18:17:31 +04:00
@import "_dialogs.less";
2014-08-25 18:37:26 +04:00
2014-11-12 13:51:00 +03:00
@import "_labels.less";
2014-11-12 18:46:52 +03:00
@import "_panels.less";
2015-01-12 16:53:59 +03:00
@import "_dividers.less";
2015-01-12 14:06:42 +03:00
2014-11-28 11:35:17 +03:00
// Prevent highlight on mobile
* {
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
-webkit-tap-highlight-color: transparent;
&:focus {
2014-12-02 11:05:46 +03:00
outline: 0;
2014-11-28 11:35:17 +03:00
}
}
2014-08-25 18:37:26 +04:00
// External plugins
2014-10-18 18:17:31 +04:00
@import "_plugin-snackbarjs.less";
@import "_plugin-nouislider.less";
@import "_plugin-selectize.less";
2014-12-01 17:07:55 +03:00
@import "_plugin-dropdownjs.less";
2015-03-16 17:19:26 +03:00
// Material shadows
// Place them on bottom of stylesheet to increase the importance of it and override other same-specificity selectors
@import "_shadows.less";