77 lines
1.6 KiB
CSS
77 lines
1.6 KiB
CSS
/* Usage <span class="material-icons">search</span>
|
|
Change font-size to resize the icon
|
|
*/
|
|
.material-icons {
|
|
font-family: 'Material Icons';
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
font-size: 20px;
|
|
line-height: 1;
|
|
letter-spacing: normal;
|
|
text-transform: none;
|
|
display: inline-block;
|
|
white-space: nowrap;
|
|
word-wrap: normal;
|
|
direction: ltr;
|
|
background: inherit;
|
|
/* Support for all WebKit browsers. */
|
|
-webkit-font-smoothing: antialiased;
|
|
/* Support for Safari and Chrome. */
|
|
text-rendering: optimizeLegibility;
|
|
/* Support for Firefox. */
|
|
-moz-osx-font-smoothing: grayscale;
|
|
/* Support for IE. */
|
|
font-feature-settings: 'liga';
|
|
}
|
|
|
|
/* Usage <span class="material-icons outlined">search</span> */
|
|
.material-icons.outlined{
|
|
font-family: 'Material Icons Outlined';
|
|
}
|
|
|
|
/* Usage <span class="material-icons round">search</span> */
|
|
.material-icons.round {
|
|
font-family: 'Material Icons Round';
|
|
}
|
|
|
|
/* Usage <span class="material-icons sharp">search</span> */
|
|
.material-icons.sharp {
|
|
font-family: 'Material Icons Sharp';
|
|
}
|
|
|
|
/* Usage <span class="material-icons two-tone">search</span> */
|
|
.material-icons.two-tone {
|
|
font-family: 'Material Icons Two Tone';
|
|
}
|
|
|
|
/* Default circle element for SVGs */
|
|
.uk-icon-bg-shadow {
|
|
border-radius: 100px;
|
|
width: 48px;
|
|
height: 48px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
box-shadow: 5px 5px 15px 3px rgba(0,0,0,0.1);
|
|
}
|
|
|
|
.uk-icon-bg-shadow-medium {
|
|
width: 72px;
|
|
height: 72px;
|
|
}
|
|
|
|
.uk-icon-bg-shadow-large {
|
|
width: 96px;
|
|
height: 96px;
|
|
}
|
|
/**/
|
|
|
|
.uk-icon-button {
|
|
border: none;
|
|
box-shadow: var(--shadow-medium);
|
|
}
|
|
|
|
.uk-icon-button.uk-disabled {
|
|
box-shadow: none;
|
|
}
|