mirror of
https://github.com/mdbootstrap/mdb-ui-kit.git
synced 2024-12-04 23:43:45 +03:00
83 lines
1.6 KiB
SCSS
83 lines
1.6 KiB
SCSS
|
// main: _material.scss
|
||
|
|
||
|
.icon {}
|
||
|
|
||
|
// Navbar alternate
|
||
|
// --------------------------------------------------
|
||
|
|
||
|
.icon-default {
|
||
|
@include icon-variant($lightbg-text);
|
||
|
}
|
||
|
.icon-primary {
|
||
|
@include icon-variant($primary);
|
||
|
}
|
||
|
// Success appears as green
|
||
|
.icon-success {
|
||
|
@include icon-variant($success);
|
||
|
}
|
||
|
// Info appears as blue-green
|
||
|
.icon-info {
|
||
|
@include icon-variant($info);
|
||
|
}
|
||
|
// Warning appears as orange
|
||
|
.icon-warning {
|
||
|
@include icon-variant($warning);
|
||
|
}
|
||
|
// Danger and error appear as red
|
||
|
.icon-danger {
|
||
|
@include icon-variant($danger);
|
||
|
}
|
||
|
|
||
|
// Material shades
|
||
|
.icon-material-red {
|
||
|
@include icon-variant($red)
|
||
|
}
|
||
|
.icon-material-pink {
|
||
|
@include icon-variant($pink);
|
||
|
}
|
||
|
.icon-material-purple {
|
||
|
@include icon-variant($purple);
|
||
|
}
|
||
|
.icon-material-deeppurple {
|
||
|
@include icon-variant($deeppurple);
|
||
|
}
|
||
|
.icon-material-indigo {
|
||
|
@include icon-variant($indigo);
|
||
|
}
|
||
|
.icon-material-lightblue {
|
||
|
@include icon-variant($lightblue);
|
||
|
}
|
||
|
.icon-material-cyan {
|
||
|
@include icon-variant($cyan);
|
||
|
}
|
||
|
.icon-material-teal {
|
||
|
@include icon-variant($teal);
|
||
|
}
|
||
|
.icon-material-lightgreen {
|
||
|
@include icon-variant($lightgreen);
|
||
|
}
|
||
|
.icon-material-lime {
|
||
|
@include icon-variant($lime);
|
||
|
}
|
||
|
.icon-material-lightyellow {
|
||
|
@include icon-variant($lightyellow);
|
||
|
}
|
||
|
.icon-material-orange {
|
||
|
@include icon-variant($orange);
|
||
|
}
|
||
|
.icon-material-deeporange {
|
||
|
@include icon-variant($deeporange);
|
||
|
}
|
||
|
.icon-material-grey {
|
||
|
@include icon-variant($grey);
|
||
|
}
|
||
|
.icon-material-bluegrey {
|
||
|
@include icon-variant($bluegrey);
|
||
|
}
|
||
|
.icon-material-brown {
|
||
|
@include icon-variant($brown);
|
||
|
}
|
||
|
.icon-material-lightgrey {
|
||
|
@include icon-variant($lightgrey);
|
||
|
}
|