Init
This commit is contained in:
155
frontend/src/assets/scss/md/_misc.scss
Normal file
155
frontend/src/assets/scss/md/_misc.scss
Normal file
@@ -0,0 +1,155 @@
|
||||
body {
|
||||
background-color: #EEEEEE;
|
||||
letter-spacing: unset;
|
||||
// background: #fdfdfe;
|
||||
color: $black-color;
|
||||
&.inverse {
|
||||
background: #333333;
|
||||
&, .form-control {
|
||||
color: $mdb-text-color-light;
|
||||
}
|
||||
.modal,
|
||||
.panel-default,
|
||||
.card {
|
||||
&,
|
||||
.form-control {
|
||||
background-color: initial;
|
||||
color: initial;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.wrapper{
|
||||
|
||||
&.wrapper-full-page{
|
||||
height: auto;
|
||||
min-height: 100vh;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
blockquote{
|
||||
p{
|
||||
font-style: italic;
|
||||
}
|
||||
}
|
||||
|
||||
.life-of-material-dashboard{
|
||||
background: #FFFFFF;
|
||||
}
|
||||
|
||||
body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4 {
|
||||
font-family: $font-family-sans-serif;
|
||||
font-weight: 300;
|
||||
line-height: 1.5em;
|
||||
}
|
||||
|
||||
.serif-font{
|
||||
font-family: $font-family-serif;
|
||||
}
|
||||
|
||||
.page-header {
|
||||
height: 60vh;
|
||||
background-position: center center;
|
||||
background-size: cover;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
border-bottom-left-radius: 6px;
|
||||
border-bottom-right-radius: 6px;
|
||||
}
|
||||
|
||||
a{
|
||||
color: $link-color;
|
||||
&:hover,
|
||||
&:focus{
|
||||
color: darken($link-color, 5%) !important;
|
||||
text-decoration: none !important;
|
||||
}
|
||||
|
||||
&.text-info{
|
||||
&:hover, &:focus{
|
||||
color: darken($brand-info, 5%);
|
||||
}
|
||||
}
|
||||
|
||||
& .material-icons {
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
|
||||
a[data-toggle="collapse"][aria-expanded="true"] .caret{
|
||||
@include rotate-180();
|
||||
}
|
||||
|
||||
.sidebar .nav a,
|
||||
.caret,
|
||||
.sidebar .dropdown .dropdown-menu li a{
|
||||
@include transition($fast-transition-time, $transition-ease-in);
|
||||
}
|
||||
|
||||
/* Animations */
|
||||
.animation-transition-general{
|
||||
@include transition($general-transition-time, $transition-linear);
|
||||
}
|
||||
|
||||
.animation-transition-slow{
|
||||
@include transition($slow-transition-time, $transition-linear);
|
||||
}
|
||||
|
||||
.animation-transition-fast{
|
||||
@include transition($fast-transition-time, $transition-ease);
|
||||
}
|
||||
legend {
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
.pull-left{
|
||||
float: left;
|
||||
}
|
||||
|
||||
.pull-right{
|
||||
float: right;
|
||||
}
|
||||
|
||||
// Prevent highlight on mobile
|
||||
* {
|
||||
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
&:focus {
|
||||
outline: 0;
|
||||
}
|
||||
}
|
||||
a:focus, a:active,
|
||||
button:active, button:focus, button:hover,
|
||||
button::-moz-focus-inner,
|
||||
input[type="reset"]::-moz-focus-inner,
|
||||
input[type="button"]::-moz-focus-inner,
|
||||
input[type="submit"]::-moz-focus-inner,
|
||||
select::-moz-focus-inner,
|
||||
input[type="file"] > input[type="button"]::-moz-focus-inner {
|
||||
outline : 0 !important;
|
||||
}
|
||||
|
||||
.text-center{
|
||||
text-align: center;
|
||||
}
|
||||
.text-left{
|
||||
text-align: left;
|
||||
}
|
||||
.text-right{
|
||||
text-align: right;
|
||||
}
|
||||
.places-buttons{
|
||||
.md-button{
|
||||
width: 30%;
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.md-theme-default :not(input):not(textarea)::selection{
|
||||
background-color: #c8c8c8 !important;
|
||||
}
|
||||
Reference in New Issue
Block a user