first commit
This commit is contained in:
dev-chiefworks
@@ -0,0 +1,213 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # C3 charts
|
||||
*
|
||||
* Styles for C3.js visualization library
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Check if component is enabled
|
||||
@if $enable-c3 {
|
||||
|
||||
// Base
|
||||
.c3 {
|
||||
|
||||
// Use smaller text
|
||||
svg {
|
||||
font-size: $font-size-sm;
|
||||
}
|
||||
|
||||
// Paths and lines defaults
|
||||
path,
|
||||
line {
|
||||
fill: none;
|
||||
stroke: $gray-600;
|
||||
}
|
||||
path.domain {
|
||||
shape-rendering: crispEdges;
|
||||
}
|
||||
|
||||
// Disable text selection
|
||||
text {
|
||||
user-select: none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// Components
|
||||
//
|
||||
|
||||
// Default shape rendering style
|
||||
.c3-legend-item-tile,
|
||||
.c3-xgrid-focus,
|
||||
.c3-ygrid,
|
||||
.c3-event-rect,
|
||||
.c3-bars path {
|
||||
shape-rendering: crispEdges;
|
||||
}
|
||||
|
||||
// Arcs
|
||||
.c3-chart-arc {
|
||||
path {
|
||||
stroke: $white;
|
||||
}
|
||||
|
||||
text {
|
||||
fill: $white;
|
||||
font-size: $font-size-base;
|
||||
}
|
||||
}
|
||||
|
||||
// Grid
|
||||
.c3-grid {
|
||||
line {
|
||||
stroke: $gray-500;
|
||||
}
|
||||
|
||||
text {
|
||||
fill: $gray-500;
|
||||
}
|
||||
}
|
||||
.c3-xgrid,
|
||||
.c3-ygrid {
|
||||
stroke-dasharray: 3 3;
|
||||
}
|
||||
|
||||
// Text on chart
|
||||
.c3-text {
|
||||
font-weight: $font-weight-semibold;
|
||||
|
||||
&.c3-empty {
|
||||
fill: $gray-700;
|
||||
font-size: 2em;
|
||||
}
|
||||
}
|
||||
|
||||
// Line
|
||||
.c3-line {
|
||||
stroke-width: 2px;
|
||||
}
|
||||
|
||||
// Area
|
||||
.c3-area {
|
||||
stroke-width: 0;
|
||||
opacity: 0.4;
|
||||
}
|
||||
|
||||
// Point
|
||||
.c3-circle._expanded_ {
|
||||
stroke-width: 1.5px;
|
||||
stroke: $white;
|
||||
}
|
||||
.c3-selected-circle {
|
||||
fill: $white;
|
||||
stroke-width: 2px;
|
||||
}
|
||||
|
||||
// Bar
|
||||
.c3-bar {
|
||||
stroke-width: 0;
|
||||
|
||||
&._expanded_ {
|
||||
fill-opacity: 0.75;
|
||||
}
|
||||
}
|
||||
|
||||
// Arc
|
||||
.c3-chart-arcs-title {
|
||||
font-size: $h6-font-size;
|
||||
}
|
||||
.c3-chart-arcs {
|
||||
.c3-chart-arcs-background {
|
||||
fill: $gray-300;
|
||||
stroke: none;
|
||||
}
|
||||
|
||||
.c3-chart-arcs-gauge-unit {
|
||||
fill: $body-color;
|
||||
font-size: $h6-font-size;
|
||||
}
|
||||
|
||||
.c3-chart-arcs-gauge-max,
|
||||
.c3-chart-arcs-gauge-min {
|
||||
fill: $gray-200;
|
||||
}
|
||||
}
|
||||
.c3-chart-arc .c3-gauge-value {
|
||||
fill: $body-color;
|
||||
font-size: $h1-font-size;
|
||||
}
|
||||
|
||||
// Focus
|
||||
.c3-target {
|
||||
&.c3-focused {
|
||||
opacity: 1;
|
||||
|
||||
path.c3-line,
|
||||
path.c3-step {
|
||||
stroke-width: 2px;
|
||||
}
|
||||
}
|
||||
|
||||
&.c3-defocused {
|
||||
opacity: 0.3 !important;
|
||||
}
|
||||
}
|
||||
|
||||
// Region
|
||||
.c3-region {
|
||||
fill: $color-slate-600;
|
||||
fill-opacity: .1;
|
||||
}
|
||||
|
||||
// Brush
|
||||
.c3-brush .extent {
|
||||
fill-opacity: .1;
|
||||
}
|
||||
|
||||
// Legend
|
||||
.c3-legend-item {
|
||||
font-size: $font-size-sm;
|
||||
}
|
||||
.c3-legend-background {
|
||||
fill: $white;
|
||||
stroke: lightgray;
|
||||
stroke-width: 1;
|
||||
opacity: 0.75;
|
||||
}
|
||||
|
||||
// Tooltip
|
||||
.c3-tooltip {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
background-color: $white;
|
||||
empty-cells: show;
|
||||
opacity: 0.95;
|
||||
|
||||
th {
|
||||
background-color: $gray-900;
|
||||
padding: $table-cell-padding-xs;
|
||||
text-align: center;
|
||||
color: $white;
|
||||
border: $table-border-width solid $gray-900;
|
||||
font-weight: $font-weight-semibold;
|
||||
}
|
||||
|
||||
td {
|
||||
padding: $table-cell-padding-xs;
|
||||
background-color: $white;
|
||||
border: $table-border-width solid $border-color;
|
||||
|
||||
> span {
|
||||
display: inline-block;
|
||||
margin-right: map-get($spacers, 2);
|
||||
@include size($badge-mark-size);
|
||||
}
|
||||
|
||||
&.value {
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,59 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Chart styling
|
||||
*
|
||||
* Charts base - container and sizing setup
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Check if component is enabled
|
||||
@if $enable-charts {
|
||||
|
||||
// Container
|
||||
.chart-container {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
|
||||
// Add scroll
|
||||
&.has-scroll {
|
||||
overflow-x: scroll;
|
||||
overflow-y: visible;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
// Add scroll for all charts on mobile to hide overflow
|
||||
@include media-breakpoint-down(sm) {
|
||||
overflow-x: scroll;
|
||||
overflow-y: visible;
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
// Chart itself
|
||||
.chart {
|
||||
position: relative;
|
||||
display: block;
|
||||
width: 100%;
|
||||
@if $direction == 'RTL' {
|
||||
/*rtl:ignore*/
|
||||
direction: ltr;
|
||||
}
|
||||
|
||||
// Give chart min width
|
||||
&.has-minimum-width {
|
||||
min-width: $chart-min-width;
|
||||
}
|
||||
}
|
||||
|
||||
// Give chart fixed height
|
||||
.has-fixed-height {
|
||||
height: $chart-container-height;
|
||||
}
|
||||
|
||||
// Pie charts
|
||||
.chart-pie {
|
||||
width: 100%;
|
||||
height: $chart-container-height;
|
||||
min-width: $chart-pie-min-width;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,435 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # D3.js library
|
||||
*
|
||||
* Basic styles for D3.js visualization library
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Check if component is enabled
|
||||
@if $enable-d3 {
|
||||
|
||||
|
||||
// Axis
|
||||
// ------------------------------
|
||||
|
||||
// Base
|
||||
.d3-axis {
|
||||
|
||||
// Path
|
||||
path {
|
||||
fill: none;
|
||||
stroke: $gray-600;
|
||||
shape-rendering: crispEdges;
|
||||
}
|
||||
|
||||
// Line
|
||||
line {
|
||||
stroke: $gray-200;
|
||||
shape-rendering: crispEdges;
|
||||
}
|
||||
|
||||
// Ticks
|
||||
.tick {
|
||||
&,
|
||||
text {
|
||||
font-size: $font-size-sm;
|
||||
fill: $gray-900;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Lighter axis text
|
||||
.d3-axis-solid {
|
||||
path,
|
||||
line {
|
||||
stroke: $gray-500;
|
||||
}
|
||||
|
||||
// Ticks
|
||||
.tick {
|
||||
fill: $gray-600;
|
||||
|
||||
text {
|
||||
fill: $gray-600;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Stronger axis text
|
||||
.d3-axis-strong {
|
||||
path,
|
||||
line {
|
||||
stroke: $gray-500;
|
||||
}
|
||||
|
||||
// Ticks
|
||||
.tick {
|
||||
fill: $gray-900;
|
||||
|
||||
text {
|
||||
fill: $gray-900;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Transparent axis
|
||||
.d3-axis-transparent {
|
||||
|
||||
// Hide path
|
||||
path {
|
||||
stroke: none;
|
||||
}
|
||||
|
||||
// Hide line
|
||||
line {
|
||||
stroke: $gray-300;
|
||||
}
|
||||
|
||||
// Change tick colors
|
||||
.tick {
|
||||
fill: $gray-600;
|
||||
|
||||
text {
|
||||
fill: $gray-600;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
// Tooltip
|
||||
// ------------------------------
|
||||
|
||||
//
|
||||
// Basic tooltip
|
||||
//
|
||||
|
||||
// Base
|
||||
.d3-tip {
|
||||
position: absolute;
|
||||
padding: $tooltip-padding-y $tooltip-padding-x;
|
||||
background-color: $tooltip-bg;
|
||||
color: $tooltip-color;
|
||||
margin-bottom: -($tooltip-arrow-height);
|
||||
font-size: $tooltip-font-size;
|
||||
z-index: $zindex-tooltip;
|
||||
@include border-radius($tooltip-border-radius);
|
||||
|
||||
// Arrow
|
||||
.d3-tip-arrow {
|
||||
position: absolute;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-color: transparent;
|
||||
border-style: solid;
|
||||
}
|
||||
}
|
||||
|
||||
// Tooltip positioning
|
||||
.d3-tip {
|
||||
&.n .d3-tip-arrow {
|
||||
bottom: -($tooltip-arrow-height);
|
||||
left: 50%;
|
||||
margin-left: -($tooltip-arrow-height);
|
||||
border-width: $tooltip-arrow-height $tooltip-arrow-height 0;
|
||||
border-top-color: $tooltip-arrow-color;
|
||||
}
|
||||
&.e .d3-tip-arrow {
|
||||
top: 50%;
|
||||
margin-top: -$tooltip-arrow-height;
|
||||
/*rtl:begin:ignore*/
|
||||
left: -($tooltip-arrow-height);
|
||||
border-width: $tooltip-arrow-height $tooltip-arrow-height $tooltip-arrow-height 0;
|
||||
border-right-color: $tooltip-arrow-color;
|
||||
/*rtl:end:ignore*/
|
||||
}
|
||||
&.w .d3-tip-arrow {
|
||||
top: 50%;
|
||||
margin-top: -$tooltip-arrow-height;
|
||||
/*rtl:begin:ignore*/
|
||||
right: -($tooltip-arrow-height);
|
||||
border-width: $tooltip-arrow-height 0 $tooltip-arrow-height $tooltip-arrow-height;
|
||||
border-left-color: $tooltip-arrow-color;
|
||||
/*rtl:end:ignore*/
|
||||
}
|
||||
&.s .d3-tip-arrow {
|
||||
top: 0;
|
||||
left: 50%;
|
||||
margin-left: -$tooltip-arrow-height;
|
||||
border-width: 0 $tooltip-arrow-height $tooltip-arrow-height;
|
||||
border-bottom-color: $tooltip-arrow-color;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// Venn diagram tooltip
|
||||
//
|
||||
|
||||
// Base
|
||||
.venntooltip {
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
background-color: $tooltip-bg;
|
||||
color: $tooltip-color;
|
||||
padding: $tooltip-padding-y $tooltip-padding-x;
|
||||
display: none;
|
||||
@include border-radius($tooltip-border-radius);
|
||||
}
|
||||
|
||||
|
||||
|
||||
// Chart types
|
||||
// ------------------------------
|
||||
|
||||
// Lines
|
||||
.d3-line {
|
||||
fill: none;
|
||||
|
||||
// Thin stroke
|
||||
&-thin {
|
||||
stroke-width: 1px;
|
||||
}
|
||||
|
||||
// Medium stroke
|
||||
&-medium {
|
||||
stroke-width: 1.5px;
|
||||
}
|
||||
|
||||
// Strong stroke
|
||||
&-strong {
|
||||
stroke-width: 2px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Line circles
|
||||
.d3-line-circle {
|
||||
fill: none;
|
||||
cursor: pointer;
|
||||
|
||||
// Thin stroke
|
||||
&-thin {
|
||||
stroke-width: 1px;
|
||||
}
|
||||
|
||||
// Medium stroke
|
||||
&-medium {
|
||||
stroke-width: 1.5px;
|
||||
}
|
||||
|
||||
// Strong stroke
|
||||
&-strong {
|
||||
stroke-width: 2px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
// Grid
|
||||
// ------------------------------
|
||||
|
||||
// Basic grid
|
||||
.d3-grid {
|
||||
.tick {
|
||||
line {
|
||||
stroke-width: 1px;
|
||||
stroke: $gray-300;
|
||||
shape-rendering: crispEdges;
|
||||
}
|
||||
|
||||
text {
|
||||
fill: $gray-900;
|
||||
stroke: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Dashed grid
|
||||
.d3-grid-dashed {
|
||||
.tick {
|
||||
stroke-dasharray: 4,2;
|
||||
stroke-width: 1px;
|
||||
stroke: $gray-300;
|
||||
shape-rendering: crispEdges;
|
||||
}
|
||||
|
||||
path {
|
||||
stroke-width: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
// Components
|
||||
// ------------------------------
|
||||
|
||||
// Crosshair overlay
|
||||
.d3-crosshair-overlay {
|
||||
fill: none;
|
||||
pointer-events: all;
|
||||
}
|
||||
|
||||
|
||||
|
||||
// Bullets
|
||||
// ------------------------------
|
||||
|
||||
//
|
||||
// Base
|
||||
//
|
||||
|
||||
// Ticks
|
||||
.bullet-tick {
|
||||
|
||||
// Line styles
|
||||
line {
|
||||
stroke: $gray-600;
|
||||
stroke-width: 1px;
|
||||
shape-rendering: crispEdges;
|
||||
}
|
||||
|
||||
// Text styles
|
||||
text {
|
||||
fill: $gray-600;
|
||||
font-size: $font-size-sm;
|
||||
}
|
||||
}
|
||||
|
||||
// Marker
|
||||
.bullet-marker {
|
||||
stroke-width: 2px;
|
||||
shape-rendering: crispEdges;
|
||||
}
|
||||
|
||||
// Title
|
||||
.bullet-title {
|
||||
font-size: $font-size-base;
|
||||
font-weight: $font-weight-semibold;
|
||||
}
|
||||
|
||||
// Subtitle
|
||||
.bullet-subtitle {
|
||||
fill: $gray-600;
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// First bullet
|
||||
//
|
||||
|
||||
// Ranges
|
||||
.bullet-1 .bullet-range-1 {
|
||||
fill: rgba($color-slate-500, 0.8);
|
||||
}
|
||||
.bullet-1 .bullet-range-2 {
|
||||
fill: rgba($color-slate-500, 0.4);
|
||||
}
|
||||
.bullet-1 .bullet-range-3 {
|
||||
fill: $color-slate-500;
|
||||
}
|
||||
|
||||
// Measures
|
||||
.bullet-1 .bullet-measure-1 {
|
||||
fill: rgba($color-slate-600, 0.9);
|
||||
}
|
||||
.bullet-1 .bullet-measure-2 {
|
||||
fill: $white;
|
||||
}
|
||||
|
||||
// Marker
|
||||
.bullet-1 .bullet-marker {
|
||||
stroke: $color-slate-800;
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// Second bullet
|
||||
//
|
||||
|
||||
// Ranges
|
||||
.bullet-2 .bullet-range-1 {
|
||||
fill: rgba($color-warning-400, 0.6);
|
||||
}
|
||||
.bullet-2 .bullet-range-2 {
|
||||
fill: rgba($color-warning-400, 0.3);
|
||||
}
|
||||
.bullet-2 .bullet-range-3 {
|
||||
fill: $color-warning-400;
|
||||
}
|
||||
|
||||
// Measures
|
||||
.bullet-2 .bullet-measure-1 {
|
||||
fill: rgba($color-warning-600, 0.9);
|
||||
}
|
||||
.bullet-2 .bullet-measure-2 {
|
||||
fill: $white;
|
||||
}
|
||||
|
||||
// Marker
|
||||
.bullet-2 .bullet-marker {
|
||||
stroke: $color-warning-800;
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// Third bullet
|
||||
//
|
||||
|
||||
// Ranges
|
||||
.bullet-3 .bullet-range-1 {
|
||||
fill: rgba($color-success-400, 0.7);
|
||||
}
|
||||
.bullet-3 .bullet-range-2 {
|
||||
fill: rgba($color-success-400, 0.35);
|
||||
}
|
||||
.bullet-3 .bullet-range-3 {
|
||||
fill: $color-success-400;
|
||||
}
|
||||
|
||||
// Measures
|
||||
.bullet-3 .bullet-measure-1 {
|
||||
fill: rgba($color-success-600, 0.9);
|
||||
}
|
||||
.bullet-3 .bullet-measure-2 {
|
||||
fill: $white;
|
||||
}
|
||||
|
||||
// Marker
|
||||
.bullet-3 .bullet-marker {
|
||||
stroke: $color-success-800;
|
||||
}
|
||||
|
||||
|
||||
|
||||
// Progress counter icon. Styles moved to
|
||||
// CSS, because IE9 drove me crazy...
|
||||
// ------------------------------
|
||||
|
||||
.counter-icon {
|
||||
font-size: ($icon-font-size * 2);
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
margin-left: -($icon-font-size);
|
||||
}
|
||||
|
||||
|
||||
// Legend
|
||||
// ------------------------------
|
||||
|
||||
.chart-widget-legend {
|
||||
margin: 0.625rem 0 0 0;
|
||||
padding: 0;
|
||||
font-size: $font-size-sm;
|
||||
text-align: center;
|
||||
|
||||
li {
|
||||
margin: 0.3125rem 0.625rem 0;
|
||||
padding: 0.4375rem 0.5rem 0.3125rem;
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,117 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Font Awesome icons base
|
||||
*
|
||||
* Base styles for Font Awesome. Include font import, class definition and other options
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
|
||||
// Font definition
|
||||
// -------------------------
|
||||
|
||||
// Solid icons
|
||||
@font-face {
|
||||
font-family: 'Font Awesome 5 Free';
|
||||
font-style: normal;
|
||||
font-weight: 900;
|
||||
src: url('#{$fa-font-path}/fa-solid-900.eot');
|
||||
src: url('#{$fa-font-path}/fa-solid-900.eot?#iefix') format('embedded-opentype'),
|
||||
url('#{$fa-font-path}/fa-solid-900.woff2') format('woff2'),
|
||||
url('#{$fa-font-path}/fa-solid-900.woff') format('woff'),
|
||||
url('#{$fa-font-path}/fa-solid-900.ttf') format('truetype'),
|
||||
url('#{$fa-font-path}/fa-solid-900.svg#fontawesome') format('svg');
|
||||
}
|
||||
|
||||
// Normal icons
|
||||
@font-face {
|
||||
font-family: 'Font Awesome 5 Free';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: url('#{$fa-font-path}/fa-regular-400.eot');
|
||||
src: url('#{$fa-font-path}/fa-regular-400.eot?#iefix') format('embedded-opentype'),
|
||||
url('#{$fa-font-path}/fa-regular-400.woff2') format('woff2'),
|
||||
url('#{$fa-font-path}/fa-regular-400.woff') format('woff'),
|
||||
url('#{$fa-font-path}/fa-regular-400.ttf') format('truetype'),
|
||||
url('#{$fa-font-path}/fa-regular-400.svg#fontawesome') format('svg');
|
||||
}
|
||||
|
||||
// Brand icons
|
||||
@font-face {
|
||||
font-family: 'Font Awesome 5 Brands';
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
src: url('#{$fa-font-path}/fa-brands-400.eot');
|
||||
src: url('#{$fa-font-path}/fa-brands-400.eot?#iefix') format('embedded-opentype'),
|
||||
url('#{$fa-font-path}/fa-brands-400.woff2') format('woff2'),
|
||||
url('#{$fa-font-path}/fa-brands-400.woff') format('woff'),
|
||||
url('#{$fa-font-path}/fa-brands-400.ttf') format('truetype'),
|
||||
url('#{$fa-font-path}/fa-brands-400.svg#fontawesome') format('svg');
|
||||
}
|
||||
|
||||
|
||||
// Base Class Definition
|
||||
// -------------------------
|
||||
|
||||
// Base
|
||||
.#{$fa-css-prefix},
|
||||
.fas,
|
||||
.far,
|
||||
.fal,
|
||||
.fab {
|
||||
display: inline-block;
|
||||
font-size: $icon-font-size;
|
||||
font-style: normal;
|
||||
font-variant: normal;
|
||||
min-width: 1em;
|
||||
vertical-align: middle;
|
||||
position: relative;
|
||||
top: -1px;
|
||||
text-rendering: auto;
|
||||
line-height: 1;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
// Solid icons
|
||||
.fa,
|
||||
.fas {
|
||||
font-family: 'Font Awesome 5 Free';
|
||||
font-weight: 900;
|
||||
}
|
||||
|
||||
// Regular icons
|
||||
.far {
|
||||
font-family: 'Font Awesome 5 Free';
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
// Brand icons
|
||||
.fab {
|
||||
font-family: 'Font Awesome 5 Brands';
|
||||
}
|
||||
|
||||
|
||||
// Icon Sizes
|
||||
// -------------------------
|
||||
|
||||
// 4 additional sizes: .fa-2x -> .fa-5x
|
||||
@for $i from 1 through 5 {
|
||||
.#{$fa-css-prefix}-#{$i}x {
|
||||
font-size: $i * $icon-font-size;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Rotated & Flipped Icons
|
||||
// -------------------------
|
||||
|
||||
// Rotation
|
||||
.#{$fa-css-prefix}-rotate-90 { @include fa-icon-rotate(90deg, 1); }
|
||||
.#{$fa-css-prefix}-rotate-180 { @include fa-icon-rotate(180deg, 2); }
|
||||
.#{$fa-css-prefix}-rotate-270 { @include fa-icon-rotate(270deg, 3); }
|
||||
|
||||
// Flip
|
||||
.#{$fa-css-prefix}-flip-horizontal { @include fa-icon-flip(-1, 1, 0); }
|
||||
.#{$fa-css-prefix}-flip-vertical { @include fa-icon-flip(1, -1, 2); }
|
||||
.#{$fa-css-prefix}-flip-horizontal.#{$fa-css-prefix}-flip-vertical { @include fa-icon-flip(-1, -1, 2); }
|
||||
+1268
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,19 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Font Awesome mixins
|
||||
*
|
||||
* Custom mixins for Font Awesome icon set only.
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Rotate icon
|
||||
@mixin fa-icon-rotate($degrees, $rotation) {
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation})";
|
||||
transform: rotate($degrees);
|
||||
}
|
||||
|
||||
// Flip icon
|
||||
@mixin fa-icon-flip($horiz, $vert, $rotation) {
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation}, mirror=1)";
|
||||
transform: scale($horiz, $vert);
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,17 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Font Awesome icons base
|
||||
*
|
||||
* Main file to compile. Do not change file order. Default output file: styles.min.css
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Import custom template config
|
||||
@import "../../../../config";
|
||||
|
||||
// Import icon set
|
||||
@import '../variables';
|
||||
@import '../mixins';
|
||||
|
||||
@import '../base';
|
||||
@import '../icons';
|
||||
@@ -0,0 +1,64 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Icomoon icons base
|
||||
*
|
||||
* Base styles for Icomoon. Include font import, class definition and other options
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
|
||||
// Font definition
|
||||
@font-face {
|
||||
font-family: 'icomoon';
|
||||
src:url('#{$im-font-path}/icomoon.eot?3p0rtw');
|
||||
src:url('#{$im-font-path}/icomoon.eot?#iefix3p0rtw') format('embedded-opentype'),
|
||||
url('#{$im-font-path}/icomoon.woff?3p0rtw') format('woff'),
|
||||
url('#{$im-font-path}/icomoon.ttf?3p0rtw') format('truetype'),
|
||||
url('#{$im-font-path}/icomoon.svg?3p0rtw#icomoon') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
// Base Class Definition
|
||||
[class^="#{$im-css-prefix}-"],
|
||||
[class*=" #{$im-css-prefix}-"] {
|
||||
/* Use !important to prevent issues with browser extensions that change fonts */
|
||||
font-family: 'icomoon' !important;
|
||||
speak: none;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
line-height: 1;
|
||||
min-width: 1em;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
font-size: $icon-font-size;
|
||||
vertical-align: middle;
|
||||
position: relative;
|
||||
top: -1px;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
// Icon Sizes. 4 additional sizes: .im-2x -> .im-5x
|
||||
@for $i from 1 through 5 {
|
||||
.#{$im-css-prefix}-#{$i}x {
|
||||
font-size: $i * $icon-font-size;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// Rotated & Flipped Icons
|
||||
//
|
||||
|
||||
// Rotation
|
||||
.#{$im-css-prefix}-rotate-90 { @include im-icon-rotate(90deg, 1); }
|
||||
.#{$im-css-prefix}-rotate-180 { @include im-icon-rotate(180deg, 2); }
|
||||
.#{$im-css-prefix}-rotate-270 { @include im-icon-rotate(270deg, 3); }
|
||||
|
||||
// Flip
|
||||
.#{$im-css-prefix}-flip-horizontal { @include im-icon-flip(-1, 1, 0); }
|
||||
.#{$im-css-prefix}-flip-vertical { @include im-icon-flip(1, -1, 2); }
|
||||
.#{$im-css-prefix}-flip-horizontal.#{$im-css-prefix}-flip-vertical { @include im-icon-flip(-1, -1, 2); }
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,20 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Icomoon mixins
|
||||
*
|
||||
* Custom mixins for Icomoon icon set only.
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
|
||||
// Rotate icon
|
||||
@mixin im-icon-rotate($degrees, $rotation) {
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation})";
|
||||
transform: rotate($degrees);
|
||||
}
|
||||
|
||||
// Flip icon
|
||||
@mixin im-icon-flip($horiz, $vert, $rotation) {
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation}, mirror=1)";
|
||||
transform: scale($horiz, $vert);
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,17 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Icomoon icons base
|
||||
*
|
||||
* Main file to compile. Do not change file order. Default output file: styles.min.css
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Import custom template config
|
||||
@import "../../../../config";
|
||||
|
||||
// Import icon set
|
||||
@import '../variables';
|
||||
@import '../mixins';
|
||||
|
||||
@import '../base';
|
||||
@import '../icons';
|
||||
@@ -0,0 +1,63 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Material icons base
|
||||
*
|
||||
* Base styles for Material icons. Include font import, class definition and other options
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
|
||||
// Font definition
|
||||
@font-face {
|
||||
font-family: 'material-icons';
|
||||
src:
|
||||
url('#{$mi-font-path}/material-icons.ttf?rnn6yx') format('truetype'),
|
||||
url('#{$mi-font-path}/material-icons.woff?rnn6yx') format('woff'),
|
||||
url('#{$mi-font-path}/material-icons.svg?rnn6yx#material-icons') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
// Base Class Definition
|
||||
[class^="#{$mi-css-prefix}-"],
|
||||
[class*=" #{$mi-css-prefix}-"] {
|
||||
/* Use !important to prevent issues with browser extensions that change fonts */
|
||||
font-family: 'material-icons' !important;
|
||||
speak: none;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
line-height: 1;
|
||||
min-width: 1em;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
font-size: $icon-font-size;
|
||||
vertical-align: middle;
|
||||
position: relative;
|
||||
top: -1px;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
// Icon Sizes. 4 additional sizes: .mi-2x -> .mi-5x
|
||||
@for $i from 1 through 5 {
|
||||
.#{$mi-css-prefix}-#{$i}x {
|
||||
font-size: $i * $icon-font-size;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// Rotated & Flipped Icons
|
||||
//
|
||||
|
||||
// Rotation
|
||||
.#{$mi-css-prefix}-rotate-90 { @include mi-icon-rotate(90deg, 1); }
|
||||
.#{$mi-css-prefix}-rotate-180 { @include mi-icon-rotate(180deg, 2); }
|
||||
.#{$mi-css-prefix}-rotate-270 { @include mi-icon-rotate(270deg, 3); }
|
||||
|
||||
// Flip
|
||||
.#{$mi-css-prefix}-flip-horizontal { @include mi-icon-flip(-1, 1, 0); }
|
||||
.#{$mi-css-prefix}-flip-vertical { @include mi-icon-flip(1, -1, 2); }
|
||||
.#{$mi-css-prefix}-flip-horizontal.#{$mi-css-prefix}-flip-vertical { @include mi-icon-flip(-1, -1, 2); }
|
||||
@@ -0,0 +1,854 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Material icon classes
|
||||
*
|
||||
* Material set uses the Unicode Private Use Area (PUA) to ensure screen
|
||||
* readers do not read off random characters that represent icons
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
.#{$mi-css-prefix}-3d-rotation:before { content: mi-content($mi-var-3d-rotation); }
|
||||
.#{$mi-css-prefix}-ac-unit:before { content: mi-content($mi-var-ac-unit); }
|
||||
.#{$mi-css-prefix}-alarm:before { content: mi-content($mi-var-alarm); }
|
||||
.#{$mi-css-prefix}-access-alarms:before { content: mi-content($mi-var-access-alarms); }
|
||||
.#{$mi-css-prefix}-schedule:before { content: mi-content($mi-var-schedule); }
|
||||
.#{$mi-css-prefix}-accessibility:before { content: mi-content($mi-var-accessibility); }
|
||||
.#{$mi-css-prefix}-accessible:before { content: mi-content($mi-var-accessible); }
|
||||
.#{$mi-css-prefix}-account-balance:before { content: mi-content($mi-var-account-balance); }
|
||||
.#{$mi-css-prefix}-account-balance-wallet:before { content: mi-content($mi-var-account-balance-wallet); }
|
||||
.#{$mi-css-prefix}-account-box:before { content: mi-content($mi-var-account-box); }
|
||||
.#{$mi-css-prefix}-account-circle:before { content: mi-content($mi-var-account-circle); }
|
||||
.#{$mi-css-prefix}-adb:before { content: mi-content($mi-var-adb); }
|
||||
.#{$mi-css-prefix}-add:before { content: mi-content($mi-var-add); }
|
||||
.#{$mi-css-prefix}-add-a-photo:before { content: mi-content($mi-var-add-a-photo); }
|
||||
.#{$mi-css-prefix}-alarm-add:before { content: mi-content($mi-var-alarm-add); }
|
||||
.#{$mi-css-prefix}-add-alert:before { content: mi-content($mi-var-add-alert); }
|
||||
.#{$mi-css-prefix}-add-box:before { content: mi-content($mi-var-add-box); }
|
||||
.#{$mi-css-prefix}-add-circle:before { content: mi-content($mi-var-add-circle); }
|
||||
.#{$mi-css-prefix}-control-point:before { content: mi-content($mi-var-control-point); }
|
||||
.#{$mi-css-prefix}-add-location:before { content: mi-content($mi-var-add-location); }
|
||||
.#{$mi-css-prefix}-add-shopping-cart:before { content: mi-content($mi-var-add-shopping-cart); }
|
||||
.#{$mi-css-prefix}-queue:before { content: mi-content($mi-var-queue); }
|
||||
.#{$mi-css-prefix}-add-to-queue:before { content: mi-content($mi-var-add-to-queue); }
|
||||
.#{$mi-css-prefix}-adjust:before { content: mi-content($mi-var-adjust); }
|
||||
.#{$mi-css-prefix}-airline-seat-flat:before { content: mi-content($mi-var-airline-seat-flat); }
|
||||
.#{$mi-css-prefix}-airline-seat-flat-angled:before { content: mi-content($mi-var-airline-seat-flat-angled); }
|
||||
.#{$mi-css-prefix}-airline-seat-individual-suite:before { content: mi-content($mi-var-airline-seat-individual-suite); }
|
||||
.#{$mi-css-prefix}-airline-seat-legroom-extra:before { content: mi-content($mi-var-airline-seat-legroom-extra); }
|
||||
.#{$mi-css-prefix}-airline-seat-legroom-normal:before { content: mi-content($mi-var-airline-seat-legroom-normal); }
|
||||
.#{$mi-css-prefix}-airline-seat-legroom-reduced:before { content: mi-content($mi-var-airline-seat-legroom-reduced); }
|
||||
.#{$mi-css-prefix}-airline-seat-recline-extra:before { content: mi-content($mi-var-airline-seat-recline-extra); }
|
||||
.#{$mi-css-prefix}-airline-seat-recline-normal:before { content: mi-content($mi-var-airline-seat-recline-normal); }
|
||||
.#{$mi-css-prefix}-flight:before { content: mi-content($mi-var-flight); }
|
||||
.#{$mi-css-prefix}-airplanemode-inactive:before { content: mi-content($mi-var-airplanemode-inactive); }
|
||||
.#{$mi-css-prefix}-airplay:before { content: mi-content($mi-var-airplay); }
|
||||
.#{$mi-css-prefix}-airport-shuttle:before { content: mi-content($mi-var-airport-shuttle); }
|
||||
.#{$mi-css-prefix}-alarm-off:before { content: mi-content($mi-var-alarm-off); }
|
||||
.#{$mi-css-prefix}-alarm-on:before { content: mi-content($mi-var-alarm-on); }
|
||||
.#{$mi-css-prefix}-album:before { content: mi-content($mi-var-album); }
|
||||
.#{$mi-css-prefix}-all-inclusive:before { content: mi-content($mi-var-all-inclusive); }
|
||||
.#{$mi-css-prefix}-all-out:before { content: mi-content($mi-var-all-out); }
|
||||
.#{$mi-css-prefix}-android:before { content: mi-content($mi-var-android); }
|
||||
.#{$mi-css-prefix}-announcement:before { content: mi-content($mi-var-announcement); }
|
||||
.#{$mi-css-prefix}-apps:before { content: mi-content($mi-var-apps); }
|
||||
.#{$mi-css-prefix}-archive:before { content: mi-content($mi-var-archive); }
|
||||
.#{$mi-css-prefix}-arrow-back:before { content: mi-content($mi-var-arrow-back); }
|
||||
.#{$mi-css-prefix}-arrow-downward:before { content: mi-content($mi-var-arrow-downward); }
|
||||
.#{$mi-css-prefix}-arrow-drop-down:before { content: mi-content($mi-var-arrow-drop-down); }
|
||||
.#{$mi-css-prefix}-arrow-drop-down-circle:before { content: mi-content($mi-var-arrow-drop-down-circle); }
|
||||
.#{$mi-css-prefix}-arrow-drop-up:before { content: mi-content($mi-var-arrow-drop-up); }
|
||||
.#{$mi-css-prefix}-arrow-forward:before { content: mi-content($mi-var-arrow-forward); }
|
||||
.#{$mi-css-prefix}-arrow-upward:before { content: mi-content($mi-var-arrow-upward); }
|
||||
.#{$mi-css-prefix}-art-track:before { content: mi-content($mi-var-art-track); }
|
||||
.#{$mi-css-prefix}-aspect-ratio:before { content: mi-content($mi-var-aspect-ratio); }
|
||||
.#{$mi-css-prefix}-poll:before { content: mi-content($mi-var-poll); }
|
||||
.#{$mi-css-prefix}-assignment:before { content: mi-content($mi-var-assignment); }
|
||||
.#{$mi-css-prefix}-assignment-ind:before { content: mi-content($mi-var-assignment-ind); }
|
||||
.#{$mi-css-prefix}-assignment-late:before { content: mi-content($mi-var-assignment-late); }
|
||||
.#{$mi-css-prefix}-assignment-return:before { content: mi-content($mi-var-assignment-return); }
|
||||
.#{$mi-css-prefix}-assignment-returned:before { content: mi-content($mi-var-assignment-returned); }
|
||||
.#{$mi-css-prefix}-assignment-turned-in:before { content: mi-content($mi-var-assignment-turned-in); }
|
||||
.#{$mi-css-prefix}-assistant:before { content: mi-content($mi-var-assistant); }
|
||||
.#{$mi-css-prefix}-flag:before { content: mi-content($mi-var-flag); }
|
||||
.#{$mi-css-prefix}-attach-file:before { content: mi-content($mi-var-attach-file); }
|
||||
.#{$mi-css-prefix}-attach-money:before { content: mi-content($mi-var-attach-money); }
|
||||
.#{$mi-css-prefix}-attachment:before { content: mi-content($mi-var-attachment); }
|
||||
.#{$mi-css-prefix}-audiotrack:before { content: mi-content($mi-var-audiotrack); }
|
||||
.#{$mi-css-prefix}-autorenew:before { content: mi-content($mi-var-autorenew); }
|
||||
.#{$mi-css-prefix}-av-timer:before { content: mi-content($mi-var-av-timer); }
|
||||
.#{$mi-css-prefix}-backspace:before { content: mi-content($mi-var-backspace); }
|
||||
.#{$mi-css-prefix}-cloud-upload:before { content: mi-content($mi-var-cloud-upload); }
|
||||
.#{$mi-css-prefix}-battery-alert:before { content: mi-content($mi-var-battery-alert); }
|
||||
.#{$mi-css-prefix}-battery-charging-full:before { content: mi-content($mi-var-battery-charging-full); }
|
||||
.#{$mi-css-prefix}-battery-std:before { content: mi-content($mi-var-battery-std); }
|
||||
.#{$mi-css-prefix}-battery-unknown:before { content: mi-content($mi-var-battery-unknown); }
|
||||
.#{$mi-css-prefix}-beach-access:before { content: mi-content($mi-var-beach-access); }
|
||||
.#{$mi-css-prefix}-beenhere:before { content: mi-content($mi-var-beenhere); }
|
||||
.#{$mi-css-prefix}-block:before { content: mi-content($mi-var-block); }
|
||||
.#{$mi-css-prefix}-bluetooth:before { content: mi-content($mi-var-bluetooth); }
|
||||
.#{$mi-css-prefix}-bluetooth-searching:before { content: mi-content($mi-var-bluetooth-searching); }
|
||||
.#{$mi-css-prefix}-bluetooth-connected:before { content: mi-content($mi-var-bluetooth-connected); }
|
||||
.#{$mi-css-prefix}-bluetooth-disabled:before { content: mi-content($mi-var-bluetooth-disabled); }
|
||||
.#{$mi-css-prefix}-blur-circular:before { content: mi-content($mi-var-blur-circular); }
|
||||
.#{$mi-css-prefix}-blur-linear:before { content: mi-content($mi-var-blur-linear); }
|
||||
.#{$mi-css-prefix}-blur-off:before { content: mi-content($mi-var-blur-off); }
|
||||
.#{$mi-css-prefix}-blur-on:before { content: mi-content($mi-var-blur-on); }
|
||||
.#{$mi-css-prefix}-class:before { content: mi-content($mi-var-class); }
|
||||
.#{$mi-css-prefix}-turned-in:before { content: mi-content($mi-var-turned-in); }
|
||||
.#{$mi-css-prefix}-turned-in-not:before { content: mi-content($mi-var-turned-in-not); }
|
||||
.#{$mi-css-prefix}-border-all:before { content: mi-content($mi-var-border-all); }
|
||||
.#{$mi-css-prefix}-border-bottom:before { content: mi-content($mi-var-border-bottom); }
|
||||
.#{$mi-css-prefix}-border-clear:before { content: mi-content($mi-var-border-clear); }
|
||||
.#{$mi-css-prefix}-border-color:before { content: mi-content($mi-var-border-color); }
|
||||
.#{$mi-css-prefix}-border-horizontal:before { content: mi-content($mi-var-border-horizontal); }
|
||||
.#{$mi-css-prefix}-border-inner:before { content: mi-content($mi-var-border-inner); }
|
||||
.#{$mi-css-prefix}-border-left:before { content: mi-content($mi-var-border-left); }
|
||||
.#{$mi-css-prefix}-border-outer:before { content: mi-content($mi-var-border-outer); }
|
||||
.#{$mi-css-prefix}-border-right:before { content: mi-content($mi-var-border-right); }
|
||||
.#{$mi-css-prefix}-border-style:before { content: mi-content($mi-var-border-style); }
|
||||
.#{$mi-css-prefix}-border-top:before { content: mi-content($mi-var-border-top); }
|
||||
.#{$mi-css-prefix}-border-vertical:before { content: mi-content($mi-var-border-vertical); }
|
||||
.#{$mi-css-prefix}-branding-watermark:before { content: mi-content($mi-var-branding-watermark); }
|
||||
.#{$mi-css-prefix}-brightness-1:before { content: mi-content($mi-var-brightness-1); }
|
||||
.#{$mi-css-prefix}-brightness-2:before { content: mi-content($mi-var-brightness-2); }
|
||||
.#{$mi-css-prefix}-brightness-3:before { content: mi-content($mi-var-brightness-3); }
|
||||
.#{$mi-css-prefix}-brightness-4:before { content: mi-content($mi-var-brightness-4); }
|
||||
.#{$mi-css-prefix}-brightness-low:before { content: mi-content($mi-var-brightness-low); }
|
||||
.#{$mi-css-prefix}-brightness-medium:before { content: mi-content($mi-var-brightness-medium); }
|
||||
.#{$mi-css-prefix}-brightness-high:before { content: mi-content($mi-var-brightness-high); }
|
||||
.#{$mi-css-prefix}-brightness-auto:before { content: mi-content($mi-var-brightness-auto); }
|
||||
.#{$mi-css-prefix}-broken-image:before { content: mi-content($mi-var-broken-image); }
|
||||
.#{$mi-css-prefix}-brush:before { content: mi-content($mi-var-brush); }
|
||||
.#{$mi-css-prefix}-bubble-chart:before { content: mi-content($mi-var-bubble-chart); }
|
||||
.#{$mi-css-prefix}-bug-report:before { content: mi-content($mi-var-bug-report); }
|
||||
.#{$mi-css-prefix}-build:before { content: mi-content($mi-var-build); }
|
||||
.#{$mi-css-prefix}-burst-mode:before { content: mi-content($mi-var-burst-mode); }
|
||||
.#{$mi-css-prefix}-domain:before { content: mi-content($mi-var-domain); }
|
||||
.#{$mi-css-prefix}-business-center:before { content: mi-content($mi-var-business-center); }
|
||||
.#{$mi-css-prefix}-cached:before { content: mi-content($mi-var-cached); }
|
||||
.#{$mi-css-prefix}-cake:before { content: mi-content($mi-var-cake); }
|
||||
.#{$mi-css-prefix}-phone:before { content: mi-content($mi-var-phone); }
|
||||
.#{$mi-css-prefix}-call-end:before { content: mi-content($mi-var-call-end); }
|
||||
.#{$mi-css-prefix}-call-made:before { content: mi-content($mi-var-call-made); }
|
||||
.#{$mi-css-prefix}-merge-type:before { content: mi-content($mi-var-merge-type); }
|
||||
.#{$mi-css-prefix}-call-missed:before { content: mi-content($mi-var-call-missed); }
|
||||
.#{$mi-css-prefix}-call-missed-outgoing:before { content: mi-content($mi-var-call-missed-outgoing); }
|
||||
.#{$mi-css-prefix}-call-received:before { content: mi-content($mi-var-call-received); }
|
||||
.#{$mi-css-prefix}-call-split:before { content: mi-content($mi-var-call-split); }
|
||||
.#{$mi-css-prefix}-call-to-action:before { content: mi-content($mi-var-call-to-action); }
|
||||
.#{$mi-css-prefix}-camera:before { content: mi-content($mi-var-camera); }
|
||||
.#{$mi-css-prefix}-photo-camera:before { content: mi-content($mi-var-photo-camera); }
|
||||
.#{$mi-css-prefix}-camera-enhance:before { content: mi-content($mi-var-camera-enhance); }
|
||||
.#{$mi-css-prefix}-camera-front:before { content: mi-content($mi-var-camera-front); }
|
||||
.#{$mi-css-prefix}-camera-rear:before { content: mi-content($mi-var-camera-rear); }
|
||||
.#{$mi-css-prefix}-camera-roll:before { content: mi-content($mi-var-camera-roll); }
|
||||
.#{$mi-css-prefix}-cancel:before { content: mi-content($mi-var-cancel); }
|
||||
.#{$mi-css-prefix}-redeem:before { content: mi-content($mi-var-redeem); }
|
||||
.#{$mi-css-prefix}-card-membership:before { content: mi-content($mi-var-card-membership); }
|
||||
.#{$mi-css-prefix}-card-travel:before { content: mi-content($mi-var-card-travel); }
|
||||
.#{$mi-css-prefix}-casino:before { content: mi-content($mi-var-casino); }
|
||||
.#{$mi-css-prefix}-cast:before { content: mi-content($mi-var-cast); }
|
||||
.#{$mi-css-prefix}-cast-connected:before { content: mi-content($mi-var-cast-connected); }
|
||||
.#{$mi-css-prefix}-center-focus-strong:before { content: mi-content($mi-var-center-focus-strong); }
|
||||
.#{$mi-css-prefix}-center-focus-weak:before { content: mi-content($mi-var-center-focus-weak); }
|
||||
.#{$mi-css-prefix}-change-history:before { content: mi-content($mi-var-change-history); }
|
||||
.#{$mi-css-prefix}-chat:before { content: mi-content($mi-var-chat); }
|
||||
.#{$mi-css-prefix}-chat-bubble:before { content: mi-content($mi-var-chat-bubble); }
|
||||
.#{$mi-css-prefix}-chat-bubble-outline:before { content: mi-content($mi-var-chat-bubble-outline); }
|
||||
.#{$mi-css-prefix}-check:before { content: mi-content($mi-var-check); }
|
||||
.#{$mi-css-prefix}-check-box:before { content: mi-content($mi-var-check-box); }
|
||||
.#{$mi-css-prefix}-check-box-outline-blank:before { content: mi-content($mi-var-check-box-outline-blank); }
|
||||
.#{$mi-css-prefix}-check-circle:before { content: mi-content($mi-var-check-circle); }
|
||||
.#{$mi-css-prefix}-navigate-before:before { content: mi-content($mi-var-navigate-before); }
|
||||
.#{$mi-css-prefix}-navigate-next:before { content: mi-content($mi-var-navigate-next); }
|
||||
.#{$mi-css-prefix}-child-care:before { content: mi-content($mi-var-child-care); }
|
||||
.#{$mi-css-prefix}-child-friendly:before { content: mi-content($mi-var-child-friendly); }
|
||||
.#{$mi-css-prefix}-chrome-reader-mode:before { content: mi-content($mi-var-chrome-reader-mode); }
|
||||
.#{$mi-css-prefix}-close:before { content: mi-content($mi-var-close); }
|
||||
.#{$mi-css-prefix}-clear-all:before { content: mi-content($mi-var-clear-all); }
|
||||
.#{$mi-css-prefix}-closed-caption:before { content: mi-content($mi-var-closed-caption); }
|
||||
.#{$mi-css-prefix}-wb-cloudy:before { content: mi-content($mi-var-wb-cloudy); }
|
||||
.#{$mi-css-prefix}-cloud-circle:before { content: mi-content($mi-var-cloud-circle); }
|
||||
.#{$mi-css-prefix}-cloud-done:before { content: mi-content($mi-var-cloud-done); }
|
||||
.#{$mi-css-prefix}-cloud-download:before { content: mi-content($mi-var-cloud-download); }
|
||||
.#{$mi-css-prefix}-cloud-off:before { content: mi-content($mi-var-cloud-off); }
|
||||
.#{$mi-css-prefix}-cloud-queue:before { content: mi-content($mi-var-cloud-queue); }
|
||||
.#{$mi-css-prefix}-code:before { content: mi-content($mi-var-code); }
|
||||
.#{$mi-css-prefix}-photo-library:before { content: mi-content($mi-var-photo-library); }
|
||||
.#{$mi-css-prefix}-collections-bookmark:before { content: mi-content($mi-var-collections-bookmark); }
|
||||
.#{$mi-css-prefix}-palette:before { content: mi-content($mi-var-palette); }
|
||||
.#{$mi-css-prefix}-colorize:before { content: mi-content($mi-var-colorize); }
|
||||
.#{$mi-css-prefix}-comment:before { content: mi-content($mi-var-comment); }
|
||||
.#{$mi-css-prefix}-compare:before { content: mi-content($mi-var-compare); }
|
||||
.#{$mi-css-prefix}-compare-arrows:before { content: mi-content($mi-var-compare-arrows); }
|
||||
.#{$mi-css-prefix}-laptop:before { content: mi-content($mi-var-laptop); }
|
||||
.#{$mi-css-prefix}-confirmation-number:before { content: mi-content($mi-var-confirmation-number); }
|
||||
.#{$mi-css-prefix}-contact-mail:before { content: mi-content($mi-var-contact-mail); }
|
||||
.#{$mi-css-prefix}-contact-phone:before { content: mi-content($mi-var-contact-phone); }
|
||||
.#{$mi-css-prefix}-contacts:before { content: mi-content($mi-var-contacts); }
|
||||
.#{$mi-css-prefix}-content-copy:before { content: mi-content($mi-var-content-copy); }
|
||||
.#{$mi-css-prefix}-content-cut:before { content: mi-content($mi-var-content-cut); }
|
||||
.#{$mi-css-prefix}-content-paste:before { content: mi-content($mi-var-content-paste); }
|
||||
.#{$mi-css-prefix}-control-point-duplicate:before { content: mi-content($mi-var-control-point-duplicate); }
|
||||
.#{$mi-css-prefix}-copyright:before { content: mi-content($mi-var-copyright); }
|
||||
.#{$mi-css-prefix}-mode-edit:before { content: mi-content($mi-var-mode-edit); }
|
||||
.#{$mi-css-prefix}-create-new-folder:before { content: mi-content($mi-var-create-new-folder); }
|
||||
.#{$mi-css-prefix}-payment:before { content: mi-content($mi-var-payment); }
|
||||
.#{$mi-css-prefix}-crop:before { content: mi-content($mi-var-crop); }
|
||||
.#{$mi-css-prefix}-crop-16-9:before { content: mi-content($mi-var-crop-16-9); }
|
||||
.#{$mi-css-prefix}-crop-3-2:before { content: mi-content($mi-var-crop-3-2); }
|
||||
.#{$mi-css-prefix}-crop-landscape:before { content: mi-content($mi-var-crop-landscape); }
|
||||
.#{$mi-css-prefix}-crop-7-5:before { content: mi-content($mi-var-crop-7-5); }
|
||||
.#{$mi-css-prefix}-crop-din:before { content: mi-content($mi-var-crop-din); }
|
||||
.#{$mi-css-prefix}-crop-free:before { content: mi-content($mi-var-crop-free); }
|
||||
.#{$mi-css-prefix}-crop-original:before { content: mi-content($mi-var-crop-original); }
|
||||
.#{$mi-css-prefix}-crop-portrait:before { content: mi-content($mi-var-crop-portrait); }
|
||||
.#{$mi-css-prefix}-crop-rotate:before { content: mi-content($mi-var-crop-rotate); }
|
||||
.#{$mi-css-prefix}-crop-square:before { content: mi-content($mi-var-crop-square); }
|
||||
.#{$mi-css-prefix}-dashboard:before { content: mi-content($mi-var-dashboard); }
|
||||
.#{$mi-css-prefix}-data-usage:before { content: mi-content($mi-var-data-usage); }
|
||||
.#{$mi-css-prefix}-date-range:before { content: mi-content($mi-var-date-range); }
|
||||
.#{$mi-css-prefix}-dehaze:before { content: mi-content($mi-var-dehaze); }
|
||||
.#{$mi-css-prefix}-delete:before { content: mi-content($mi-var-delete); }
|
||||
.#{$mi-css-prefix}-delete-forever:before { content: mi-content($mi-var-delete-forever); }
|
||||
.#{$mi-css-prefix}-delete-sweep:before { content: mi-content($mi-var-delete-sweep); }
|
||||
.#{$mi-css-prefix}-description:before { content: mi-content($mi-var-description); }
|
||||
.#{$mi-css-prefix}-desktop-mac:before { content: mi-content($mi-var-desktop-mac); }
|
||||
.#{$mi-css-prefix}-desktop-windows:before { content: mi-content($mi-var-desktop-windows); }
|
||||
.#{$mi-css-prefix}-details:before { content: mi-content($mi-var-details); }
|
||||
.#{$mi-css-prefix}-developer-board:before { content: mi-content($mi-var-developer-board); }
|
||||
.#{$mi-css-prefix}-developer-mode:before { content: mi-content($mi-var-developer-mode); }
|
||||
.#{$mi-css-prefix}-device-hub:before { content: mi-content($mi-var-device-hub); }
|
||||
.#{$mi-css-prefix}-phonelink:before { content: mi-content($mi-var-phonelink); }
|
||||
.#{$mi-css-prefix}-devices-other:before { content: mi-content($mi-var-devices-other); }
|
||||
.#{$mi-css-prefix}-dialer-sip:before { content: mi-content($mi-var-dialer-sip); }
|
||||
.#{$mi-css-prefix}-dialpad:before { content: mi-content($mi-var-dialpad); }
|
||||
.#{$mi-css-prefix}-directions:before { content: mi-content($mi-var-directions); }
|
||||
.#{$mi-css-prefix}-directions-bike:before { content: mi-content($mi-var-directions-bike); }
|
||||
.#{$mi-css-prefix}-directions-boat:before { content: mi-content($mi-var-directions-boat); }
|
||||
.#{$mi-css-prefix}-directions-bus:before { content: mi-content($mi-var-directions-bus); }
|
||||
.#{$mi-css-prefix}-directions-car:before { content: mi-content($mi-var-directions-car); }
|
||||
.#{$mi-css-prefix}-directions-railway:before { content: mi-content($mi-var-directions-railway); }
|
||||
.#{$mi-css-prefix}-directions-run:before { content: mi-content($mi-var-directions-run); }
|
||||
.#{$mi-css-prefix}-directions-transit:before { content: mi-content($mi-var-directions-transit); }
|
||||
.#{$mi-css-prefix}-directions-walk:before { content: mi-content($mi-var-directions-walk); }
|
||||
.#{$mi-css-prefix}-disc-full:before { content: mi-content($mi-var-disc-full); }
|
||||
.#{$mi-css-prefix}-dns:before { content: mi-content($mi-var-dns); }
|
||||
.#{$mi-css-prefix}-not-interested:before { content: mi-content($mi-var-not-interested); }
|
||||
.#{$mi-css-prefix}-do-not-disturb-alt:before { content: mi-content($mi-var-do-not-disturb-alt); }
|
||||
.#{$mi-css-prefix}-do-not-disturb-off:before { content: mi-content($mi-var-do-not-disturb-off); }
|
||||
.#{$mi-css-prefix}-remove-circle:before { content: mi-content($mi-var-remove-circle); }
|
||||
.#{$mi-css-prefix}-dock:before { content: mi-content($mi-var-dock); }
|
||||
.#{$mi-css-prefix}-done:before { content: mi-content($mi-var-done); }
|
||||
.#{$mi-css-prefix}-done-all:before { content: mi-content($mi-var-done-all); }
|
||||
.#{$mi-css-prefix}-donut-large:before { content: mi-content($mi-var-donut-large); }
|
||||
.#{$mi-css-prefix}-donut-small:before { content: mi-content($mi-var-donut-small); }
|
||||
.#{$mi-css-prefix}-drafts:before { content: mi-content($mi-var-drafts); }
|
||||
.#{$mi-css-prefix}-drag-handle:before { content: mi-content($mi-var-drag-handle); }
|
||||
.#{$mi-css-prefix}-time-to-leave:before { content: mi-content($mi-var-time-to-leave); }
|
||||
.#{$mi-css-prefix}-dvr:before { content: mi-content($mi-var-dvr); }
|
||||
.#{$mi-css-prefix}-edit-location:before { content: mi-content($mi-var-edit-location); }
|
||||
.#{$mi-css-prefix}-eject:before { content: mi-content($mi-var-eject); }
|
||||
.#{$mi-css-prefix}-markunread:before { content: mi-content($mi-var-markunread); }
|
||||
.#{$mi-css-prefix}-enhanced-encryption:before { content: mi-content($mi-var-enhanced-encryption); }
|
||||
.#{$mi-css-prefix}-equalizer:before { content: mi-content($mi-var-equalizer); }
|
||||
.#{$mi-css-prefix}-error:before { content: mi-content($mi-var-error); }
|
||||
.#{$mi-css-prefix}-error-outline:before { content: mi-content($mi-var-error-outline); }
|
||||
.#{$mi-css-prefix}-euro-symbol:before { content: mi-content($mi-var-euro-symbol); }
|
||||
.#{$mi-css-prefix}-ev-station:before { content: mi-content($mi-var-ev-station); }
|
||||
.#{$mi-css-prefix}-insert-invitation:before { content: mi-content($mi-var-insert-invitation); }
|
||||
.#{$mi-css-prefix}-event-available:before { content: mi-content($mi-var-event-available); }
|
||||
.#{$mi-css-prefix}-event-busy:before { content: mi-content($mi-var-event-busy); }
|
||||
.#{$mi-css-prefix}-event-note:before { content: mi-content($mi-var-event-note); }
|
||||
.#{$mi-css-prefix}-event-seat:before { content: mi-content($mi-var-event-seat); }
|
||||
.#{$mi-css-prefix}-exit-to-app:before { content: mi-content($mi-var-exit-to-app); }
|
||||
.#{$mi-css-prefix}-expand-less:before { content: mi-content($mi-var-expand-less); }
|
||||
.#{$mi-css-prefix}-expand-more:before { content: mi-content($mi-var-expand-more); }
|
||||
.#{$mi-css-prefix}-explicit:before { content: mi-content($mi-var-explicit); }
|
||||
.#{$mi-css-prefix}-explore:before { content: mi-content($mi-var-explore); }
|
||||
.#{$mi-css-prefix}-exposure:before { content: mi-content($mi-var-exposure); }
|
||||
.#{$mi-css-prefix}-exposure-neg-1:before { content: mi-content($mi-var-exposure-neg-1); }
|
||||
.#{$mi-css-prefix}-exposure-neg-2:before { content: mi-content($mi-var-exposure-neg-2); }
|
||||
.#{$mi-css-prefix}-exposure-plus-1:before { content: mi-content($mi-var-exposure-plus-1); }
|
||||
.#{$mi-css-prefix}-exposure-plus-2:before { content: mi-content($mi-var-exposure-plus-2); }
|
||||
.#{$mi-css-prefix}-exposure-zero:before { content: mi-content($mi-var-exposure-zero); }
|
||||
.#{$mi-css-prefix}-extension:before { content: mi-content($mi-var-extension); }
|
||||
.#{$mi-css-prefix}-face:before { content: mi-content($mi-var-face); }
|
||||
.#{$mi-css-prefix}-fast-forward:before { content: mi-content($mi-var-fast-forward); }
|
||||
.#{$mi-css-prefix}-fast-rewind:before { content: mi-content($mi-var-fast-rewind); }
|
||||
.#{$mi-css-prefix}-favorite:before { content: mi-content($mi-var-favorite); }
|
||||
.#{$mi-css-prefix}-favorite-border:before { content: mi-content($mi-var-favorite-border); }
|
||||
.#{$mi-css-prefix}-featured-play-list:before { content: mi-content($mi-var-featured-play-list); }
|
||||
.#{$mi-css-prefix}-featured-video:before { content: mi-content($mi-var-featured-video); }
|
||||
.#{$mi-css-prefix}-sms-failed:before { content: mi-content($mi-var-sms-failed); }
|
||||
.#{$mi-css-prefix}-fiber-dvr:before { content: mi-content($mi-var-fiber-dvr); }
|
||||
.#{$mi-css-prefix}-fiber-manual-record:before { content: mi-content($mi-var-fiber-manual-record); }
|
||||
.#{$mi-css-prefix}-fiber-new:before { content: mi-content($mi-var-fiber-new); }
|
||||
.#{$mi-css-prefix}-fiber-pin:before { content: mi-content($mi-var-fiber-pin); }
|
||||
.#{$mi-css-prefix}-fiber-smart-record:before { content: mi-content($mi-var-fiber-smart-record); }
|
||||
.#{$mi-css-prefix}-get-app:before { content: mi-content($mi-var-get-app); }
|
||||
.#{$mi-css-prefix}-file-upload:before { content: mi-content($mi-var-file-upload); }
|
||||
.#{$mi-css-prefix}-filter:before { content: mi-content($mi-var-filter); }
|
||||
.#{$mi-css-prefix}-filter-1:before { content: mi-content($mi-var-filter-1); }
|
||||
.#{$mi-css-prefix}-filter-2:before { content: mi-content($mi-var-filter-2); }
|
||||
.#{$mi-css-prefix}-filter-3:before { content: mi-content($mi-var-filter-3); }
|
||||
.#{$mi-css-prefix}-filter-4:before { content: mi-content($mi-var-filter-4); }
|
||||
.#{$mi-css-prefix}-filter-5:before { content: mi-content($mi-var-filter-5); }
|
||||
.#{$mi-css-prefix}-filter-6:before { content: mi-content($mi-var-filter-6); }
|
||||
.#{$mi-css-prefix}-filter-7:before { content: mi-content($mi-var-filter-7); }
|
||||
.#{$mi-css-prefix}-filter-8:before { content: mi-content($mi-var-filter-8); }
|
||||
.#{$mi-css-prefix}-filter-9:before { content: mi-content($mi-var-filter-9); }
|
||||
.#{$mi-css-prefix}-filter-9-plus:before { content: mi-content($mi-var-filter-9-plus); }
|
||||
.#{$mi-css-prefix}-filter-b-and-w:before { content: mi-content($mi-var-filter-b-and-w); }
|
||||
.#{$mi-css-prefix}-filter-center-focus:before { content: mi-content($mi-var-filter-center-focus); }
|
||||
.#{$mi-css-prefix}-filter-drama:before { content: mi-content($mi-var-filter-drama); }
|
||||
.#{$mi-css-prefix}-filter-frames:before { content: mi-content($mi-var-filter-frames); }
|
||||
.#{$mi-css-prefix}-terrain:before { content: mi-content($mi-var-terrain); }
|
||||
.#{$mi-css-prefix}-filter-list:before { content: mi-content($mi-var-filter-list); }
|
||||
.#{$mi-css-prefix}-filter-none:before { content: mi-content($mi-var-filter-none); }
|
||||
.#{$mi-css-prefix}-filter-tilt-shift:before { content: mi-content($mi-var-filter-tilt-shift); }
|
||||
.#{$mi-css-prefix}-filter-vintage:before { content: mi-content($mi-var-filter-vintage); }
|
||||
.#{$mi-css-prefix}-find-in-page:before { content: mi-content($mi-var-find-in-page); }
|
||||
.#{$mi-css-prefix}-find-replace:before { content: mi-content($mi-var-find-replace); }
|
||||
.#{$mi-css-prefix}-fingerprint:before { content: mi-content($mi-var-fingerprint); }
|
||||
.#{$mi-css-prefix}-first-page:before { content: mi-content($mi-var-first-page); }
|
||||
.#{$mi-css-prefix}-fitness-center:before { content: mi-content($mi-var-fitness-center); }
|
||||
.#{$mi-css-prefix}-flare:before { content: mi-content($mi-var-flare); }
|
||||
.#{$mi-css-prefix}-flash-auto:before { content: mi-content($mi-var-flash-auto); }
|
||||
.#{$mi-css-prefix}-flash-off:before { content: mi-content($mi-var-flash-off); }
|
||||
.#{$mi-css-prefix}-flash-on:before { content: mi-content($mi-var-flash-on); }
|
||||
.#{$mi-css-prefix}-flight-land:before { content: mi-content($mi-var-flight-land); }
|
||||
.#{$mi-css-prefix}-flight-takeoff:before { content: mi-content($mi-var-flight-takeoff); }
|
||||
.#{$mi-css-prefix}-flip:before { content: mi-content($mi-var-flip); }
|
||||
.#{$mi-css-prefix}-flip-to-back:before { content: mi-content($mi-var-flip-to-back); }
|
||||
.#{$mi-css-prefix}-flip-to-front:before { content: mi-content($mi-var-flip-to-front); }
|
||||
.#{$mi-css-prefix}-folder:before { content: mi-content($mi-var-folder); }
|
||||
.#{$mi-css-prefix}-folder-open:before { content: mi-content($mi-var-folder-open); }
|
||||
.#{$mi-css-prefix}-folder-shared:before { content: mi-content($mi-var-folder-shared); }
|
||||
.#{$mi-css-prefix}-folder-special:before { content: mi-content($mi-var-folder-special); }
|
||||
.#{$mi-css-prefix}-font-download:before { content: mi-content($mi-var-font-download); }
|
||||
.#{$mi-css-prefix}-format-align-center:before { content: mi-content($mi-var-format-align-center); }
|
||||
.#{$mi-css-prefix}-format-align-justify:before { content: mi-content($mi-var-format-align-justify); }
|
||||
.#{$mi-css-prefix}-format-align-left:before { content: mi-content($mi-var-format-align-left); }
|
||||
.#{$mi-css-prefix}-format-align-right:before { content: mi-content($mi-var-format-align-right); }
|
||||
.#{$mi-css-prefix}-format-bold:before { content: mi-content($mi-var-format-bold); }
|
||||
.#{$mi-css-prefix}-format-clear:before { content: mi-content($mi-var-format-clear); }
|
||||
.#{$mi-css-prefix}-format-color-fill:before { content: mi-content($mi-var-format-color-fill); }
|
||||
.#{$mi-css-prefix}-format-color-reset:before { content: mi-content($mi-var-format-color-reset); }
|
||||
.#{$mi-css-prefix}-format-color-text:before { content: mi-content($mi-var-format-color-text); }
|
||||
.#{$mi-css-prefix}-format-indent-decrease:before { content: mi-content($mi-var-format-indent-decrease); }
|
||||
.#{$mi-css-prefix}-format-indent-increase:before { content: mi-content($mi-var-format-indent-increase); }
|
||||
.#{$mi-css-prefix}-format-italic:before { content: mi-content($mi-var-format-italic); }
|
||||
.#{$mi-css-prefix}-format-line-spacing:before { content: mi-content($mi-var-format-line-spacing); }
|
||||
.#{$mi-css-prefix}-format-list-bulleted:before { content: mi-content($mi-var-format-list-bulleted); }
|
||||
.#{$mi-css-prefix}-format-list-numbered:before { content: mi-content($mi-var-format-list-numbered); }
|
||||
.#{$mi-css-prefix}-format-paint:before { content: mi-content($mi-var-format-paint); }
|
||||
.#{$mi-css-prefix}-format-quote:before { content: mi-content($mi-var-format-quote); }
|
||||
.#{$mi-css-prefix}-format-shapes:before { content: mi-content($mi-var-format-shapes); }
|
||||
.#{$mi-css-prefix}-format-size:before { content: mi-content($mi-var-format-size); }
|
||||
.#{$mi-css-prefix}-format-strikethrough:before { content: mi-content($mi-var-format-strikethrough); }
|
||||
.#{$mi-css-prefix}-format-textdirection-l-to-r:before { content: mi-content($mi-var-format-textdirection-l-to-r); }
|
||||
.#{$mi-css-prefix}-format-textdirection-r-to-l:before { content: mi-content($mi-var-format-textdirection-r-to-l); }
|
||||
.#{$mi-css-prefix}-format-underlined:before { content: mi-content($mi-var-format-underlined); }
|
||||
.#{$mi-css-prefix}-question-answer:before { content: mi-content($mi-var-question-answer); }
|
||||
.#{$mi-css-prefix}-forward:before { content: mi-content($mi-var-forward); }
|
||||
.#{$mi-css-prefix}-forward-10:before { content: mi-content($mi-var-forward-10); }
|
||||
.#{$mi-css-prefix}-forward-30:before { content: mi-content($mi-var-forward-30); }
|
||||
.#{$mi-css-prefix}-forward-5:before { content: mi-content($mi-var-forward-5); }
|
||||
.#{$mi-css-prefix}-free-breakfast:before { content: mi-content($mi-var-free-breakfast); }
|
||||
.#{$mi-css-prefix}-fullscreen:before { content: mi-content($mi-var-fullscreen); }
|
||||
.#{$mi-css-prefix}-fullscreen-exit:before { content: mi-content($mi-var-fullscreen-exit); }
|
||||
.#{$mi-css-prefix}-functions:before { content: mi-content($mi-var-functions); }
|
||||
.#{$mi-css-prefix}-g-translate:before { content: mi-content($mi-var-g-translate); }
|
||||
.#{$mi-css-prefix}-games:before { content: mi-content($mi-var-games); }
|
||||
.#{$mi-css-prefix}-gavel:before { content: mi-content($mi-var-gavel); }
|
||||
.#{$mi-css-prefix}-gesture:before { content: mi-content($mi-var-gesture); }
|
||||
.#{$mi-css-prefix}-gif:before { content: mi-content($mi-var-gif); }
|
||||
.#{$mi-css-prefix}-goat:before { content: mi-content($mi-var-goat); }
|
||||
.#{$mi-css-prefix}-golf-course:before { content: mi-content($mi-var-golf-course); }
|
||||
.#{$mi-css-prefix}-my-location:before { content: mi-content($mi-var-my-location); }
|
||||
.#{$mi-css-prefix}-location-searching:before { content: mi-content($mi-var-location-searching); }
|
||||
.#{$mi-css-prefix}-location-disabled:before { content: mi-content($mi-var-location-disabled); }
|
||||
.#{$mi-css-prefix}-star:before { content: mi-content($mi-var-star); }
|
||||
.#{$mi-css-prefix}-gradient:before { content: mi-content($mi-var-gradient); }
|
||||
.#{$mi-css-prefix}-grain:before { content: mi-content($mi-var-grain); }
|
||||
.#{$mi-css-prefix}-graphic-eq:before { content: mi-content($mi-var-graphic-eq); }
|
||||
.#{$mi-css-prefix}-grid-off:before { content: mi-content($mi-var-grid-off); }
|
||||
.#{$mi-css-prefix}-grid-on:before { content: mi-content($mi-var-grid-on); }
|
||||
.#{$mi-css-prefix}-people:before { content: mi-content($mi-var-people); }
|
||||
.#{$mi-css-prefix}-group-add:before { content: mi-content($mi-var-group-add); }
|
||||
.#{$mi-css-prefix}-group-work:before { content: mi-content($mi-var-group-work); }
|
||||
.#{$mi-css-prefix}-hd:before { content: mi-content($mi-var-hd); }
|
||||
.#{$mi-css-prefix}-hdr-off:before { content: mi-content($mi-var-hdr-off); }
|
||||
.#{$mi-css-prefix}-hdr-on:before { content: mi-content($mi-var-hdr-on); }
|
||||
.#{$mi-css-prefix}-hdr-strong:before { content: mi-content($mi-var-hdr-strong); }
|
||||
.#{$mi-css-prefix}-hdr-weak:before { content: mi-content($mi-var-hdr-weak); }
|
||||
.#{$mi-css-prefix}-headset:before { content: mi-content($mi-var-headset); }
|
||||
.#{$mi-css-prefix}-headset-mic:before { content: mi-content($mi-var-headset-mic); }
|
||||
.#{$mi-css-prefix}-healing:before { content: mi-content($mi-var-healing); }
|
||||
.#{$mi-css-prefix}-hearing:before { content: mi-content($mi-var-hearing); }
|
||||
.#{$mi-css-prefix}-help:before { content: mi-content($mi-var-help); }
|
||||
.#{$mi-css-prefix}-help-outline:before { content: mi-content($mi-var-help-outline); }
|
||||
.#{$mi-css-prefix}-high-quality:before { content: mi-content($mi-var-high-quality); }
|
||||
.#{$mi-css-prefix}-highlight:before { content: mi-content($mi-var-highlight); }
|
||||
.#{$mi-css-prefix}-highlight-off:before { content: mi-content($mi-var-highlight-off); }
|
||||
.#{$mi-css-prefix}-restore:before { content: mi-content($mi-var-restore); }
|
||||
.#{$mi-css-prefix}-home:before { content: mi-content($mi-var-home); }
|
||||
.#{$mi-css-prefix}-hot-tub:before { content: mi-content($mi-var-hot-tub); }
|
||||
.#{$mi-css-prefix}-local-hotel:before { content: mi-content($mi-var-local-hotel); }
|
||||
.#{$mi-css-prefix}-hourglass-empty:before { content: mi-content($mi-var-hourglass-empty); }
|
||||
.#{$mi-css-prefix}-hourglass-full:before { content: mi-content($mi-var-hourglass-full); }
|
||||
.#{$mi-css-prefix}-http:before { content: mi-content($mi-var-http); }
|
||||
.#{$mi-css-prefix}-lock:before { content: mi-content($mi-var-lock); }
|
||||
.#{$mi-css-prefix}-photo:before { content: mi-content($mi-var-photo); }
|
||||
.#{$mi-css-prefix}-image-aspect-ratio:before { content: mi-content($mi-var-image-aspect-ratio); }
|
||||
.#{$mi-css-prefix}-import-contacts:before { content: mi-content($mi-var-import-contacts); }
|
||||
.#{$mi-css-prefix}-import-export:before { content: mi-content($mi-var-import-export); }
|
||||
.#{$mi-css-prefix}-important-devices:before { content: mi-content($mi-var-important-devices); }
|
||||
.#{$mi-css-prefix}-inbox:before { content: mi-content($mi-var-inbox); }
|
||||
.#{$mi-css-prefix}-indeterminate-check-box:before { content: mi-content($mi-var-indeterminate-check-box); }
|
||||
.#{$mi-css-prefix}-info:before { content: mi-content($mi-var-info); }
|
||||
.#{$mi-css-prefix}-info-outline:before { content: mi-content($mi-var-info-outline); }
|
||||
.#{$mi-css-prefix}-input:before { content: mi-content($mi-var-input); }
|
||||
.#{$mi-css-prefix}-insert-comment:before { content: mi-content($mi-var-insert-comment); }
|
||||
.#{$mi-css-prefix}-insert-drive-file:before { content: mi-content($mi-var-insert-drive-file); }
|
||||
.#{$mi-css-prefix}-tag-faces:before { content: mi-content($mi-var-tag-faces); }
|
||||
.#{$mi-css-prefix}-link:before { content: mi-content($mi-var-link); }
|
||||
.#{$mi-css-prefix}-invert-colors:before { content: mi-content($mi-var-invert-colors); }
|
||||
.#{$mi-css-prefix}-invert-colors-off:before { content: mi-content($mi-var-invert-colors-off); }
|
||||
.#{$mi-css-prefix}-iso:before { content: mi-content($mi-var-iso); }
|
||||
.#{$mi-css-prefix}-keyboard:before { content: mi-content($mi-var-keyboard); }
|
||||
.#{$mi-css-prefix}-keyboard-arrow-down:before { content: mi-content($mi-var-keyboard-arrow-down); }
|
||||
.#{$mi-css-prefix}-keyboard-arrow-left:before { content: mi-content($mi-var-keyboard-arrow-left); }
|
||||
.#{$mi-css-prefix}-keyboard-arrow-right:before { content: mi-content($mi-var-keyboard-arrow-right); }
|
||||
.#{$mi-css-prefix}-keyboard-arrow-up:before { content: mi-content($mi-var-keyboard-arrow-up); }
|
||||
.#{$mi-css-prefix}-keyboard-backspace:before { content: mi-content($mi-var-keyboard-backspace); }
|
||||
.#{$mi-css-prefix}-keyboard-capslock:before { content: mi-content($mi-var-keyboard-capslock); }
|
||||
.#{$mi-css-prefix}-keyboard-hide:before { content: mi-content($mi-var-keyboard-hide); }
|
||||
.#{$mi-css-prefix}-keyboard-return:before { content: mi-content($mi-var-keyboard-return); }
|
||||
.#{$mi-css-prefix}-keyboard-tab:before { content: mi-content($mi-var-keyboard-tab); }
|
||||
.#{$mi-css-prefix}-keyboard-voice:before { content: mi-content($mi-var-keyboard-voice); }
|
||||
.#{$mi-css-prefix}-kitchen:before { content: mi-content($mi-var-kitchen); }
|
||||
.#{$mi-css-prefix}-label:before { content: mi-content($mi-var-label); }
|
||||
.#{$mi-css-prefix}-label-outline:before { content: mi-content($mi-var-label-outline); }
|
||||
.#{$mi-css-prefix}-language:before { content: mi-content($mi-var-language); }
|
||||
.#{$mi-css-prefix}-laptop-chromebook:before { content: mi-content($mi-var-laptop-chromebook); }
|
||||
.#{$mi-css-prefix}-laptop-mac:before { content: mi-content($mi-var-laptop-mac); }
|
||||
.#{$mi-css-prefix}-laptop-windows:before { content: mi-content($mi-var-laptop-windows); }
|
||||
.#{$mi-css-prefix}-last-page:before { content: mi-content($mi-var-last-page); }
|
||||
.#{$mi-css-prefix}-open-in-new:before { content: mi-content($mi-var-open-in-new); }
|
||||
.#{$mi-css-prefix}-layers:before { content: mi-content($mi-var-layers); }
|
||||
.#{$mi-css-prefix}-layers-clear:before { content: mi-content($mi-var-layers-clear); }
|
||||
.#{$mi-css-prefix}-leak-add:before { content: mi-content($mi-var-leak-add); }
|
||||
.#{$mi-css-prefix}-leak-remove:before { content: mi-content($mi-var-leak-remove); }
|
||||
.#{$mi-css-prefix}-lens:before { content: mi-content($mi-var-lens); }
|
||||
.#{$mi-css-prefix}-library-books:before { content: mi-content($mi-var-library-books); }
|
||||
.#{$mi-css-prefix}-library-music:before { content: mi-content($mi-var-library-music); }
|
||||
.#{$mi-css-prefix}-lightbulb-outline:before { content: mi-content($mi-var-lightbulb-outline); }
|
||||
.#{$mi-css-prefix}-line-style:before { content: mi-content($mi-var-line-style); }
|
||||
.#{$mi-css-prefix}-line-weight:before { content: mi-content($mi-var-line-weight); }
|
||||
.#{$mi-css-prefix}-linear-scale:before { content: mi-content($mi-var-linear-scale); }
|
||||
.#{$mi-css-prefix}-linked-camera:before { content: mi-content($mi-var-linked-camera); }
|
||||
.#{$mi-css-prefix}-list:before { content: mi-content($mi-var-list); }
|
||||
.#{$mi-css-prefix}-live-help:before { content: mi-content($mi-var-live-help); }
|
||||
.#{$mi-css-prefix}-live-tv:before { content: mi-content($mi-var-live-tv); }
|
||||
.#{$mi-css-prefix}-local-play:before { content: mi-content($mi-var-local-play); }
|
||||
.#{$mi-css-prefix}-local-airport:before { content: mi-content($mi-var-local-airport); }
|
||||
.#{$mi-css-prefix}-local-atm:before { content: mi-content($mi-var-local-atm); }
|
||||
.#{$mi-css-prefix}-local-bar:before { content: mi-content($mi-var-local-bar); }
|
||||
.#{$mi-css-prefix}-local-cafe:before { content: mi-content($mi-var-local-cafe); }
|
||||
.#{$mi-css-prefix}-local-car-wash:before { content: mi-content($mi-var-local-car-wash); }
|
||||
.#{$mi-css-prefix}-local-convenience-store:before { content: mi-content($mi-var-local-convenience-store); }
|
||||
.#{$mi-css-prefix}-restaurant-menu:before { content: mi-content($mi-var-restaurant-menu); }
|
||||
.#{$mi-css-prefix}-local-drink:before { content: mi-content($mi-var-local-drink); }
|
||||
.#{$mi-css-prefix}-local-florist:before { content: mi-content($mi-var-local-florist); }
|
||||
.#{$mi-css-prefix}-local-gas-station:before { content: mi-content($mi-var-local-gas-station); }
|
||||
.#{$mi-css-prefix}-shopping-cart:before { content: mi-content($mi-var-shopping-cart); }
|
||||
.#{$mi-css-prefix}-local-hospital:before { content: mi-content($mi-var-local-hospital); }
|
||||
.#{$mi-css-prefix}-local-laundry-service:before { content: mi-content($mi-var-local-laundry-service); }
|
||||
.#{$mi-css-prefix}-local-library:before { content: mi-content($mi-var-local-library); }
|
||||
.#{$mi-css-prefix}-local-mall:before { content: mi-content($mi-var-local-mall); }
|
||||
.#{$mi-css-prefix}-theaters:before { content: mi-content($mi-var-theaters); }
|
||||
.#{$mi-css-prefix}-local-offer:before { content: mi-content($mi-var-local-offer); }
|
||||
.#{$mi-css-prefix}-local-parking:before { content: mi-content($mi-var-local-parking); }
|
||||
.#{$mi-css-prefix}-local-pharmacy:before { content: mi-content($mi-var-local-pharmacy); }
|
||||
.#{$mi-css-prefix}-local-pizza:before { content: mi-content($mi-var-local-pizza); }
|
||||
.#{$mi-css-prefix}-print:before { content: mi-content($mi-var-print); }
|
||||
.#{$mi-css-prefix}-local-shipping:before { content: mi-content($mi-var-local-shipping); }
|
||||
.#{$mi-css-prefix}-local-taxi:before { content: mi-content($mi-var-local-taxi); }
|
||||
.#{$mi-css-prefix}-location-city:before { content: mi-content($mi-var-location-city); }
|
||||
.#{$mi-css-prefix}-location-off:before { content: mi-content($mi-var-location-off); }
|
||||
.#{$mi-css-prefix}-room:before { content: mi-content($mi-var-room); }
|
||||
.#{$mi-css-prefix}-lock-open:before { content: mi-content($mi-var-lock-open); }
|
||||
.#{$mi-css-prefix}-lock-outline:before { content: mi-content($mi-var-lock-outline); }
|
||||
.#{$mi-css-prefix}-looks:before { content: mi-content($mi-var-looks); }
|
||||
.#{$mi-css-prefix}-looks-3:before { content: mi-content($mi-var-looks-3); }
|
||||
.#{$mi-css-prefix}-looks-4:before { content: mi-content($mi-var-looks-4); }
|
||||
.#{$mi-css-prefix}-looks-5:before { content: mi-content($mi-var-looks-5); }
|
||||
.#{$mi-css-prefix}-looks-6:before { content: mi-content($mi-var-looks-6); }
|
||||
.#{$mi-css-prefix}-looks-one:before { content: mi-content($mi-var-looks-one); }
|
||||
.#{$mi-css-prefix}-looks-two:before { content: mi-content($mi-var-looks-two); }
|
||||
.#{$mi-css-prefix}-sync:before { content: mi-content($mi-var-sync); }
|
||||
.#{$mi-css-prefix}-loupe:before { content: mi-content($mi-var-loupe); }
|
||||
.#{$mi-css-prefix}-low-priority:before { content: mi-content($mi-var-low-priority); }
|
||||
.#{$mi-css-prefix}-loyalty:before { content: mi-content($mi-var-loyalty); }
|
||||
.#{$mi-css-prefix}-mail-outline:before { content: mi-content($mi-var-mail-outline); }
|
||||
.#{$mi-css-prefix}-map:before { content: mi-content($mi-var-map); }
|
||||
.#{$mi-css-prefix}-markunread-mailbox:before { content: mi-content($mi-var-markunread-mailbox); }
|
||||
.#{$mi-css-prefix}-memory:before { content: mi-content($mi-var-memory); }
|
||||
.#{$mi-css-prefix}-menu:before { content: mi-content($mi-var-menu); }
|
||||
.#{$mi-css-prefix}-message:before { content: mi-content($mi-var-message); }
|
||||
.#{$mi-css-prefix}-mic:before { content: mi-content($mi-var-mic); }
|
||||
.#{$mi-css-prefix}-mic-none:before { content: mi-content($mi-var-mic-none); }
|
||||
.#{$mi-css-prefix}-mic-off:before { content: mi-content($mi-var-mic-off); }
|
||||
.#{$mi-css-prefix}-mms:before { content: mi-content($mi-var-mms); }
|
||||
.#{$mi-css-prefix}-mode-comment:before { content: mi-content($mi-var-mode-comment); }
|
||||
.#{$mi-css-prefix}-monetization-on:before { content: mi-content($mi-var-monetization-on); }
|
||||
.#{$mi-css-prefix}-money-off:before { content: mi-content($mi-var-money-off); }
|
||||
.#{$mi-css-prefix}-monochrome-photos:before { content: mi-content($mi-var-monochrome-photos); }
|
||||
.#{$mi-css-prefix}-mood-bad:before { content: mi-content($mi-var-mood-bad); }
|
||||
.#{$mi-css-prefix}-more:before { content: mi-content($mi-var-more); }
|
||||
.#{$mi-css-prefix}-more-horiz:before { content: mi-content($mi-var-more-horiz); }
|
||||
.#{$mi-css-prefix}-more-vert:before { content: mi-content($mi-var-more-vert); }
|
||||
.#{$mi-css-prefix}-motorcycle:before { content: mi-content($mi-var-motorcycle); }
|
||||
.#{$mi-css-prefix}-mouse:before { content: mi-content($mi-var-mouse); }
|
||||
.#{$mi-css-prefix}-move-to-inbox:before { content: mi-content($mi-var-move-to-inbox); }
|
||||
.#{$mi-css-prefix}-movie-creation:before { content: mi-content($mi-var-movie-creation); }
|
||||
.#{$mi-css-prefix}-movie-filter:before { content: mi-content($mi-var-movie-filter); }
|
||||
.#{$mi-css-prefix}-multiline-chart:before { content: mi-content($mi-var-multiline-chart); }
|
||||
.#{$mi-css-prefix}-music-note:before { content: mi-content($mi-var-music-note); }
|
||||
.#{$mi-css-prefix}-music-video:before { content: mi-content($mi-var-music-video); }
|
||||
.#{$mi-css-prefix}-nature:before { content: mi-content($mi-var-nature); }
|
||||
.#{$mi-css-prefix}-nature-people:before { content: mi-content($mi-var-nature-people); }
|
||||
.#{$mi-css-prefix}-navigation:before { content: mi-content($mi-var-navigation); }
|
||||
.#{$mi-css-prefix}-near-me:before { content: mi-content($mi-var-near-me); }
|
||||
.#{$mi-css-prefix}-network-cell:before { content: mi-content($mi-var-network-cell); }
|
||||
.#{$mi-css-prefix}-network-check:before { content: mi-content($mi-var-network-check); }
|
||||
.#{$mi-css-prefix}-network-locked:before { content: mi-content($mi-var-network-locked); }
|
||||
.#{$mi-css-prefix}-network-wifi:before { content: mi-content($mi-var-network-wifi); }
|
||||
.#{$mi-css-prefix}-new-releases:before { content: mi-content($mi-var-new-releases); }
|
||||
.#{$mi-css-prefix}-next-week:before { content: mi-content($mi-var-next-week); }
|
||||
.#{$mi-css-prefix}-nfc:before { content: mi-content($mi-var-nfc); }
|
||||
.#{$mi-css-prefix}-no-encryption:before { content: mi-content($mi-var-no-encryption); }
|
||||
.#{$mi-css-prefix}-signal-cellular-no-sim:before { content: mi-content($mi-var-signal-cellular-no-sim); }
|
||||
.#{$mi-css-prefix}-note:before { content: mi-content($mi-var-note); }
|
||||
.#{$mi-css-prefix}-note-add:before { content: mi-content($mi-var-note-add); }
|
||||
.#{$mi-css-prefix}-notifications:before { content: mi-content($mi-var-notifications); }
|
||||
.#{$mi-css-prefix}-notifications-active:before { content: mi-content($mi-var-notifications-active); }
|
||||
.#{$mi-css-prefix}-notifications-none:before { content: mi-content($mi-var-notifications-none); }
|
||||
.#{$mi-css-prefix}-notifications-off:before { content: mi-content($mi-var-notifications-off); }
|
||||
.#{$mi-css-prefix}-notifications-paused:before { content: mi-content($mi-var-notifications-paused); }
|
||||
.#{$mi-css-prefix}-offline-pin:before { content: mi-content($mi-var-offline-pin); }
|
||||
.#{$mi-css-prefix}-ondemand-video:before { content: mi-content($mi-var-ondemand-video); }
|
||||
.#{$mi-css-prefix}-opacity:before { content: mi-content($mi-var-opacity); }
|
||||
.#{$mi-css-prefix}-open-in-browser:before { content: mi-content($mi-var-open-in-browser); }
|
||||
.#{$mi-css-prefix}-open-with:before { content: mi-content($mi-var-open-with); }
|
||||
.#{$mi-css-prefix}-pages:before { content: mi-content($mi-var-pages); }
|
||||
.#{$mi-css-prefix}-pageview:before { content: mi-content($mi-var-pageview); }
|
||||
.#{$mi-css-prefix}-pan-tool:before { content: mi-content($mi-var-pan-tool); }
|
||||
.#{$mi-css-prefix}-panorama:before { content: mi-content($mi-var-panorama); }
|
||||
.#{$mi-css-prefix}-radio-button-unchecked:before { content: mi-content($mi-var-radio-button-unchecked); }
|
||||
.#{$mi-css-prefix}-panorama-horizontal:before { content: mi-content($mi-var-panorama-horizontal); }
|
||||
.#{$mi-css-prefix}-panorama-vertical:before { content: mi-content($mi-var-panorama-vertical); }
|
||||
.#{$mi-css-prefix}-panorama-wide-angle:before { content: mi-content($mi-var-panorama-wide-angle); }
|
||||
.#{$mi-css-prefix}-party-mode:before { content: mi-content($mi-var-party-mode); }
|
||||
.#{$mi-css-prefix}-pause:before { content: mi-content($mi-var-pause); }
|
||||
.#{$mi-css-prefix}-pause-circle-filled:before { content: mi-content($mi-var-pause-circle-filled); }
|
||||
.#{$mi-css-prefix}-pause-circle-outline:before { content: mi-content($mi-var-pause-circle-outline); }
|
||||
.#{$mi-css-prefix}-people-outline:before { content: mi-content($mi-var-people-outline); }
|
||||
.#{$mi-css-prefix}-perm-camera-mic:before { content: mi-content($mi-var-perm-camera-mic); }
|
||||
.#{$mi-css-prefix}-perm-contact-calendar:before { content: mi-content($mi-var-perm-contact-calendar); }
|
||||
.#{$mi-css-prefix}-perm-data-setting:before { content: mi-content($mi-var-perm-data-setting); }
|
||||
.#{$mi-css-prefix}-perm-device-information:before { content: mi-content($mi-var-perm-device-information); }
|
||||
.#{$mi-css-prefix}-person-outline:before { content: mi-content($mi-var-person-outline); }
|
||||
.#{$mi-css-prefix}-perm-media:before { content: mi-content($mi-var-perm-media); }
|
||||
.#{$mi-css-prefix}-perm-phone-msg:before { content: mi-content($mi-var-perm-phone-msg); }
|
||||
.#{$mi-css-prefix}-perm-scan-wifi:before { content: mi-content($mi-var-perm-scan-wifi); }
|
||||
.#{$mi-css-prefix}-person:before { content: mi-content($mi-var-person); }
|
||||
.#{$mi-css-prefix}-person-add:before { content: mi-content($mi-var-person-add); }
|
||||
.#{$mi-css-prefix}-person-pin:before { content: mi-content($mi-var-person-pin); }
|
||||
.#{$mi-css-prefix}-person-pin-circle:before { content: mi-content($mi-var-person-pin-circle); }
|
||||
.#{$mi-css-prefix}-personal-video:before { content: mi-content($mi-var-personal-video); }
|
||||
.#{$mi-css-prefix}-pets:before { content: mi-content($mi-var-pets); }
|
||||
.#{$mi-css-prefix}-phone-android:before { content: mi-content($mi-var-phone-android); }
|
||||
.#{$mi-css-prefix}-phone-bluetooth-speaker:before { content: mi-content($mi-var-phone-bluetooth-speaker); }
|
||||
.#{$mi-css-prefix}-phone-forwarded:before { content: mi-content($mi-var-phone-forwarded); }
|
||||
.#{$mi-css-prefix}-phone-in-talk:before { content: mi-content($mi-var-phone-in-talk); }
|
||||
.#{$mi-css-prefix}-phone-iphone:before { content: mi-content($mi-var-phone-iphone); }
|
||||
.#{$mi-css-prefix}-phone-locked:before { content: mi-content($mi-var-phone-locked); }
|
||||
.#{$mi-css-prefix}-phone-missed:before { content: mi-content($mi-var-phone-missed); }
|
||||
.#{$mi-css-prefix}-phone-paused:before { content: mi-content($mi-var-phone-paused); }
|
||||
.#{$mi-css-prefix}-phonelink-erase:before { content: mi-content($mi-var-phonelink-erase); }
|
||||
.#{$mi-css-prefix}-phonelink-lock:before { content: mi-content($mi-var-phonelink-lock); }
|
||||
.#{$mi-css-prefix}-phonelink-off:before { content: mi-content($mi-var-phonelink-off); }
|
||||
.#{$mi-css-prefix}-phonelink-ring:before { content: mi-content($mi-var-phonelink-ring); }
|
||||
.#{$mi-css-prefix}-phonelink-setup:before { content: mi-content($mi-var-phonelink-setup); }
|
||||
.#{$mi-css-prefix}-photo-album:before { content: mi-content($mi-var-photo-album); }
|
||||
.#{$mi-css-prefix}-photo-filter:before { content: mi-content($mi-var-photo-filter); }
|
||||
.#{$mi-css-prefix}-photo-size-select-actual:before { content: mi-content($mi-var-photo-size-select-actual); }
|
||||
.#{$mi-css-prefix}-photo-size-select-large:before { content: mi-content($mi-var-photo-size-select-large); }
|
||||
.#{$mi-css-prefix}-photo-size-select-small:before { content: mi-content($mi-var-photo-size-select-small); }
|
||||
.#{$mi-css-prefix}-picture-as-pdf:before { content: mi-content($mi-var-picture-as-pdf); }
|
||||
.#{$mi-css-prefix}-picture-in-picture:before { content: mi-content($mi-var-picture-in-picture); }
|
||||
.#{$mi-css-prefix}-picture-in-picture-alt:before { content: mi-content($mi-var-picture-in-picture-alt); }
|
||||
.#{$mi-css-prefix}-pie-chart:before { content: mi-content($mi-var-pie-chart); }
|
||||
.#{$mi-css-prefix}-pie-chart-outlined:before { content: mi-content($mi-var-pie-chart-outlined); }
|
||||
.#{$mi-css-prefix}-pin-drop:before { content: mi-content($mi-var-pin-drop); }
|
||||
.#{$mi-css-prefix}-play-arrow:before { content: mi-content($mi-var-play-arrow); }
|
||||
.#{$mi-css-prefix}-play-circle-filled:before { content: mi-content($mi-var-play-circle-filled); }
|
||||
.#{$mi-css-prefix}-play-circle-outline:before { content: mi-content($mi-var-play-circle-outline); }
|
||||
.#{$mi-css-prefix}-play-for-work:before { content: mi-content($mi-var-play-for-work); }
|
||||
.#{$mi-css-prefix}-playlist-add:before { content: mi-content($mi-var-playlist-add); }
|
||||
.#{$mi-css-prefix}-playlist-add-check:before { content: mi-content($mi-var-playlist-add-check); }
|
||||
.#{$mi-css-prefix}-playlist-play:before { content: mi-content($mi-var-playlist-play); }
|
||||
.#{$mi-css-prefix}-plus-one:before { content: mi-content($mi-var-plus-one); }
|
||||
.#{$mi-css-prefix}-polymer:before { content: mi-content($mi-var-polymer); }
|
||||
.#{$mi-css-prefix}-pool:before { content: mi-content($mi-var-pool); }
|
||||
.#{$mi-css-prefix}-portable-wifi-off:before { content: mi-content($mi-var-portable-wifi-off); }
|
||||
.#{$mi-css-prefix}-portrait:before { content: mi-content($mi-var-portrait); }
|
||||
.#{$mi-css-prefix}-power:before { content: mi-content($mi-var-power); }
|
||||
.#{$mi-css-prefix}-power-input:before { content: mi-content($mi-var-power-input); }
|
||||
.#{$mi-css-prefix}-power-settings-new:before { content: mi-content($mi-var-power-settings-new); }
|
||||
.#{$mi-css-prefix}-pregnant-woman:before { content: mi-content($mi-var-pregnant-woman); }
|
||||
.#{$mi-css-prefix}-present-to-all:before { content: mi-content($mi-var-present-to-all); }
|
||||
.#{$mi-css-prefix}-priority-high:before { content: mi-content($mi-var-priority-high); }
|
||||
.#{$mi-css-prefix}-public:before { content: mi-content($mi-var-public); }
|
||||
.#{$mi-css-prefix}-publish:before { content: mi-content($mi-var-publish); }
|
||||
.#{$mi-css-prefix}-queue-music:before { content: mi-content($mi-var-queue-music); }
|
||||
.#{$mi-css-prefix}-queue-play-next:before { content: mi-content($mi-var-queue-play-next); }
|
||||
.#{$mi-css-prefix}-radio:before { content: mi-content($mi-var-radio); }
|
||||
.#{$mi-css-prefix}-radio-button-checked:before { content: mi-content($mi-var-radio-button-checked); }
|
||||
.#{$mi-css-prefix}-rate-review:before { content: mi-content($mi-var-rate-review); }
|
||||
.#{$mi-css-prefix}-receipt:before { content: mi-content($mi-var-receipt); }
|
||||
.#{$mi-css-prefix}-recent-actors:before { content: mi-content($mi-var-recent-actors); }
|
||||
.#{$mi-css-prefix}-record-voice-over:before { content: mi-content($mi-var-record-voice-over); }
|
||||
.#{$mi-css-prefix}-redo:before { content: mi-content($mi-var-redo); }
|
||||
.#{$mi-css-prefix}-refresh:before { content: mi-content($mi-var-refresh); }
|
||||
.#{$mi-css-prefix}-remove:before { content: mi-content($mi-var-remove); }
|
||||
.#{$mi-css-prefix}-remove-circle-outline:before { content: mi-content($mi-var-remove-circle-outline); }
|
||||
.#{$mi-css-prefix}-remove-from-queue:before { content: mi-content($mi-var-remove-from-queue); }
|
||||
.#{$mi-css-prefix}-visibility:before { content: mi-content($mi-var-visibility); }
|
||||
.#{$mi-css-prefix}-remove-shopping-cart:before { content: mi-content($mi-var-remove-shopping-cart); }
|
||||
.#{$mi-css-prefix}-reorder:before { content: mi-content($mi-var-reorder); }
|
||||
.#{$mi-css-prefix}-repeat:before { content: mi-content($mi-var-repeat); }
|
||||
.#{$mi-css-prefix}-repeat-one:before { content: mi-content($mi-var-repeat-one); }
|
||||
.#{$mi-css-prefix}-replay:before { content: mi-content($mi-var-replay); }
|
||||
.#{$mi-css-prefix}-replay-10:before { content: mi-content($mi-var-replay-10); }
|
||||
.#{$mi-css-prefix}-replay-30:before { content: mi-content($mi-var-replay-30); }
|
||||
.#{$mi-css-prefix}-replay-5:before { content: mi-content($mi-var-replay-5); }
|
||||
.#{$mi-css-prefix}-reply:before { content: mi-content($mi-var-reply); }
|
||||
.#{$mi-css-prefix}-reply-all:before { content: mi-content($mi-var-reply-all); }
|
||||
.#{$mi-css-prefix}-report:before { content: mi-content($mi-var-report); }
|
||||
.#{$mi-css-prefix}-warning:before { content: mi-content($mi-var-warning); }
|
||||
.#{$mi-css-prefix}-restaurant:before { content: mi-content($mi-var-restaurant); }
|
||||
.#{$mi-css-prefix}-restore-page:before { content: mi-content($mi-var-restore-page); }
|
||||
.#{$mi-css-prefix}-ring-volume:before { content: mi-content($mi-var-ring-volume); }
|
||||
.#{$mi-css-prefix}-room-service:before { content: mi-content($mi-var-room-service); }
|
||||
.#{$mi-css-prefix}-rotate-90-degrees-ccw:before { content: mi-content($mi-var-rotate-90-degrees-ccw); }
|
||||
.#{$mi-css-prefix}-rotate-left:before { content: mi-content($mi-var-rotate-left); }
|
||||
.#{$mi-css-prefix}-rotate-right:before { content: mi-content($mi-var-rotate-right); }
|
||||
.#{$mi-css-prefix}-rounded-corner:before { content: mi-content($mi-var-rounded-corner); }
|
||||
.#{$mi-css-prefix}-router:before { content: mi-content($mi-var-router); }
|
||||
.#{$mi-css-prefix}-rowing:before { content: mi-content($mi-var-rowing); }
|
||||
.#{$mi-css-prefix}-rss-feed:before { content: mi-content($mi-var-rss-feed); }
|
||||
.#{$mi-css-prefix}-rv-hookup:before { content: mi-content($mi-var-rv-hookup); }
|
||||
.#{$mi-css-prefix}-satellite:before { content: mi-content($mi-var-satellite); }
|
||||
.#{$mi-css-prefix}-save:before { content: mi-content($mi-var-save); }
|
||||
.#{$mi-css-prefix}-scanner:before { content: mi-content($mi-var-scanner); }
|
||||
.#{$mi-css-prefix}-school:before { content: mi-content($mi-var-school); }
|
||||
.#{$mi-css-prefix}-screen-lock-landscape:before { content: mi-content($mi-var-screen-lock-landscape); }
|
||||
.#{$mi-css-prefix}-screen-lock-portrait:before { content: mi-content($mi-var-screen-lock-portrait); }
|
||||
.#{$mi-css-prefix}-screen-lock-rotation:before { content: mi-content($mi-var-screen-lock-rotation); }
|
||||
.#{$mi-css-prefix}-screen-rotation:before { content: mi-content($mi-var-screen-rotation); }
|
||||
.#{$mi-css-prefix}-screen-share:before { content: mi-content($mi-var-screen-share); }
|
||||
.#{$mi-css-prefix}-sd-storage:before { content: mi-content($mi-var-sd-storage); }
|
||||
.#{$mi-css-prefix}-search:before { content: mi-content($mi-var-search); }
|
||||
.#{$mi-css-prefix}-security:before { content: mi-content($mi-var-security); }
|
||||
.#{$mi-css-prefix}-select-all:before { content: mi-content($mi-var-select-all); }
|
||||
.#{$mi-css-prefix}-send:before { content: mi-content($mi-var-send); }
|
||||
.#{$mi-css-prefix}-sentiment-dissatisfied:before { content: mi-content($mi-var-sentiment-dissatisfied); }
|
||||
.#{$mi-css-prefix}-sentiment-neutral:before { content: mi-content($mi-var-sentiment-neutral); }
|
||||
.#{$mi-css-prefix}-sentiment-satisfied:before { content: mi-content($mi-var-sentiment-satisfied); }
|
||||
.#{$mi-css-prefix}-sentiment-very-dissatisfied:before { content: mi-content($mi-var-sentiment-very-dissatisfied); }
|
||||
.#{$mi-css-prefix}-sentiment-very-satisfied:before { content: mi-content($mi-var-sentiment-very-satisfied); }
|
||||
.#{$mi-css-prefix}-settings:before { content: mi-content($mi-var-settings); }
|
||||
.#{$mi-css-prefix}-settings-applications:before { content: mi-content($mi-var-settings-applications); }
|
||||
.#{$mi-css-prefix}-settings-backup-restore:before { content: mi-content($mi-var-settings-backup-restore); }
|
||||
.#{$mi-css-prefix}-settings-bluetooth:before { content: mi-content($mi-var-settings-bluetooth); }
|
||||
.#{$mi-css-prefix}-settings-brightness:before { content: mi-content($mi-var-settings-brightness); }
|
||||
.#{$mi-css-prefix}-settings-cell:before { content: mi-content($mi-var-settings-cell); }
|
||||
.#{$mi-css-prefix}-settings-ethernet:before { content: mi-content($mi-var-settings-ethernet); }
|
||||
.#{$mi-css-prefix}-settings-input-antenna:before { content: mi-content($mi-var-settings-input-antenna); }
|
||||
.#{$mi-css-prefix}-settings-input-composite:before { content: mi-content($mi-var-settings-input-composite); }
|
||||
.#{$mi-css-prefix}-settings-input-hdmi:before { content: mi-content($mi-var-settings-input-hdmi); }
|
||||
.#{$mi-css-prefix}-settings-input-svideo:before { content: mi-content($mi-var-settings-input-svideo); }
|
||||
.#{$mi-css-prefix}-settings-overscan:before { content: mi-content($mi-var-settings-overscan); }
|
||||
.#{$mi-css-prefix}-settings-phone:before { content: mi-content($mi-var-settings-phone); }
|
||||
.#{$mi-css-prefix}-settings-power:before { content: mi-content($mi-var-settings-power); }
|
||||
.#{$mi-css-prefix}-settings-remote:before { content: mi-content($mi-var-settings-remote); }
|
||||
.#{$mi-css-prefix}-settings-system-daydream:before { content: mi-content($mi-var-settings-system-daydream); }
|
||||
.#{$mi-css-prefix}-settings-voice:before { content: mi-content($mi-var-settings-voice); }
|
||||
.#{$mi-css-prefix}-share:before { content: mi-content($mi-var-share); }
|
||||
.#{$mi-css-prefix}-shop:before { content: mi-content($mi-var-shop); }
|
||||
.#{$mi-css-prefix}-shop-two:before { content: mi-content($mi-var-shop-two); }
|
||||
.#{$mi-css-prefix}-shopping-basket:before { content: mi-content($mi-var-shopping-basket); }
|
||||
.#{$mi-css-prefix}-short-text:before { content: mi-content($mi-var-short-text); }
|
||||
.#{$mi-css-prefix}-show-chart:before { content: mi-content($mi-var-show-chart); }
|
||||
.#{$mi-css-prefix}-shuffle:before { content: mi-content($mi-var-shuffle); }
|
||||
.#{$mi-css-prefix}-signal-cellular-4-bar:before { content: mi-content($mi-var-signal-cellular-4-bar); }
|
||||
.#{$mi-css-prefix}-signal-cellular-connected-no-internet-4-bar:before { content: mi-content($mi-var-signal-cellular-connected-no-internet-4-bar); }
|
||||
.#{$mi-css-prefix}-signal-cellular-null:before { content: mi-content($mi-var-signal-cellular-null); }
|
||||
.#{$mi-css-prefix}-signal-cellular-off:before { content: mi-content($mi-var-signal-cellular-off); }
|
||||
.#{$mi-css-prefix}-signal-wifi-4-bar:before { content: mi-content($mi-var-signal-wifi-4-bar); }
|
||||
.#{$mi-css-prefix}-signal-wifi-4-bar-lock:before { content: mi-content($mi-var-signal-wifi-4-bar-lock); }
|
||||
.#{$mi-css-prefix}-signal-wifi-off:before { content: mi-content($mi-var-signal-wifi-off); }
|
||||
.#{$mi-css-prefix}-sim-card:before { content: mi-content($mi-var-sim-card); }
|
||||
.#{$mi-css-prefix}-sim-card-alert:before { content: mi-content($mi-var-sim-card-alert); }
|
||||
.#{$mi-css-prefix}-skip-next:before { content: mi-content($mi-var-skip-next); }
|
||||
.#{$mi-css-prefix}-skip-previous:before { content: mi-content($mi-var-skip-previous); }
|
||||
.#{$mi-css-prefix}-slideshow:before { content: mi-content($mi-var-slideshow); }
|
||||
.#{$mi-css-prefix}-slow-motion-video:before { content: mi-content($mi-var-slow-motion-video); }
|
||||
.#{$mi-css-prefix}-stay-primary-portrait:before { content: mi-content($mi-var-stay-primary-portrait); }
|
||||
.#{$mi-css-prefix}-smoke-free:before { content: mi-content($mi-var-smoke-free); }
|
||||
.#{$mi-css-prefix}-smoking-rooms:before { content: mi-content($mi-var-smoking-rooms); }
|
||||
.#{$mi-css-prefix}-textsms:before { content: mi-content($mi-var-textsms); }
|
||||
.#{$mi-css-prefix}-snooze:before { content: mi-content($mi-var-snooze); }
|
||||
.#{$mi-css-prefix}-sort:before { content: mi-content($mi-var-sort); }
|
||||
.#{$mi-css-prefix}-sort-by-alpha:before { content: mi-content($mi-var-sort-by-alpha); }
|
||||
.#{$mi-css-prefix}-spa:before { content: mi-content($mi-var-spa); }
|
||||
.#{$mi-css-prefix}-space-bar:before { content: mi-content($mi-var-space-bar); }
|
||||
.#{$mi-css-prefix}-speaker:before { content: mi-content($mi-var-speaker); }
|
||||
.#{$mi-css-prefix}-speaker-group:before { content: mi-content($mi-var-speaker-group); }
|
||||
.#{$mi-css-prefix}-speaker-notes:before { content: mi-content($mi-var-speaker-notes); }
|
||||
.#{$mi-css-prefix}-speaker-notes-off:before { content: mi-content($mi-var-speaker-notes-off); }
|
||||
.#{$mi-css-prefix}-speaker-phone:before { content: mi-content($mi-var-speaker-phone); }
|
||||
.#{$mi-css-prefix}-spellcheck:before { content: mi-content($mi-var-spellcheck); }
|
||||
.#{$mi-css-prefix}-star-border:before { content: mi-content($mi-var-star-border); }
|
||||
.#{$mi-css-prefix}-star-half:before { content: mi-content($mi-var-star-half); }
|
||||
.#{$mi-css-prefix}-stars:before { content: mi-content($mi-var-stars); }
|
||||
.#{$mi-css-prefix}-stay-primary-landscape:before { content: mi-content($mi-var-stay-primary-landscape); }
|
||||
.#{$mi-css-prefix}-stop:before { content: mi-content($mi-var-stop); }
|
||||
.#{$mi-css-prefix}-stop-screen-share:before { content: mi-content($mi-var-stop-screen-share); }
|
||||
.#{$mi-css-prefix}-storage:before { content: mi-content($mi-var-storage); }
|
||||
.#{$mi-css-prefix}-store-mall-directory:before { content: mi-content($mi-var-store-mall-directory); }
|
||||
.#{$mi-css-prefix}-straighten:before { content: mi-content($mi-var-straighten); }
|
||||
.#{$mi-css-prefix}-streetview:before { content: mi-content($mi-var-streetview); }
|
||||
.#{$mi-css-prefix}-strikethrough-s:before { content: mi-content($mi-var-strikethrough-s); }
|
||||
.#{$mi-css-prefix}-style:before { content: mi-content($mi-var-style); }
|
||||
.#{$mi-css-prefix}-subdirectory-arrow-left:before { content: mi-content($mi-var-subdirectory-arrow-left); }
|
||||
.#{$mi-css-prefix}-subdirectory-arrow-right:before { content: mi-content($mi-var-subdirectory-arrow-right); }
|
||||
.#{$mi-css-prefix}-subject:before { content: mi-content($mi-var-subject); }
|
||||
.#{$mi-css-prefix}-subscriptions:before { content: mi-content($mi-var-subscriptions); }
|
||||
.#{$mi-css-prefix}-subtitles:before { content: mi-content($mi-var-subtitles); }
|
||||
.#{$mi-css-prefix}-subway:before { content: mi-content($mi-var-subway); }
|
||||
.#{$mi-css-prefix}-supervisor-account:before { content: mi-content($mi-var-supervisor-account); }
|
||||
.#{$mi-css-prefix}-surround-sound:before { content: mi-content($mi-var-surround-sound); }
|
||||
.#{$mi-css-prefix}-swap-calls:before { content: mi-content($mi-var-swap-calls); }
|
||||
.#{$mi-css-prefix}-swap-horiz:before { content: mi-content($mi-var-swap-horiz); }
|
||||
.#{$mi-css-prefix}-swap-vert:before { content: mi-content($mi-var-swap-vert); }
|
||||
.#{$mi-css-prefix}-swap-vertical-circle:before { content: mi-content($mi-var-swap-vertical-circle); }
|
||||
.#{$mi-css-prefix}-switch-camera:before { content: mi-content($mi-var-switch-camera); }
|
||||
.#{$mi-css-prefix}-switch-video:before { content: mi-content($mi-var-switch-video); }
|
||||
.#{$mi-css-prefix}-sync-disabled:before { content: mi-content($mi-var-sync-disabled); }
|
||||
.#{$mi-css-prefix}-sync-problem:before { content: mi-content($mi-var-sync-problem); }
|
||||
.#{$mi-css-prefix}-system-update:before { content: mi-content($mi-var-system-update); }
|
||||
.#{$mi-css-prefix}-system-update-alt:before { content: mi-content($mi-var-system-update-alt); }
|
||||
.#{$mi-css-prefix}-tab:before { content: mi-content($mi-var-tab); }
|
||||
.#{$mi-css-prefix}-tab-unselected:before { content: mi-content($mi-var-tab-unselected); }
|
||||
.#{$mi-css-prefix}-tablet:before { content: mi-content($mi-var-tablet); }
|
||||
.#{$mi-css-prefix}-tablet-android:before { content: mi-content($mi-var-tablet-android); }
|
||||
.#{$mi-css-prefix}-tablet-mac:before { content: mi-content($mi-var-tablet-mac); }
|
||||
.#{$mi-css-prefix}-tap-and-play:before { content: mi-content($mi-var-tap-and-play); }
|
||||
.#{$mi-css-prefix}-text-fields:before { content: mi-content($mi-var-text-fields); }
|
||||
.#{$mi-css-prefix}-text-format:before { content: mi-content($mi-var-text-format); }
|
||||
.#{$mi-css-prefix}-texture:before { content: mi-content($mi-var-texture); }
|
||||
.#{$mi-css-prefix}-thumb-down:before { content: mi-content($mi-var-thumb-down); }
|
||||
.#{$mi-css-prefix}-thumb-up:before { content: mi-content($mi-var-thumb-up); }
|
||||
.#{$mi-css-prefix}-thumbs-up-down:before { content: mi-content($mi-var-thumbs-up-down); }
|
||||
.#{$mi-css-prefix}-timelapse:before { content: mi-content($mi-var-timelapse); }
|
||||
.#{$mi-css-prefix}-timeline:before { content: mi-content($mi-var-timeline); }
|
||||
.#{$mi-css-prefix}-timer:before { content: mi-content($mi-var-timer); }
|
||||
.#{$mi-css-prefix}-timer-10:before { content: mi-content($mi-var-timer-10); }
|
||||
.#{$mi-css-prefix}-timer-3:before { content: mi-content($mi-var-timer-3); }
|
||||
.#{$mi-css-prefix}-timer-off:before { content: mi-content($mi-var-timer-off); }
|
||||
.#{$mi-css-prefix}-title:before { content: mi-content($mi-var-title); }
|
||||
.#{$mi-css-prefix}-toc:before { content: mi-content($mi-var-toc); }
|
||||
.#{$mi-css-prefix}-today:before { content: mi-content($mi-var-today); }
|
||||
.#{$mi-css-prefix}-toll:before { content: mi-content($mi-var-toll); }
|
||||
.#{$mi-css-prefix}-tonality:before { content: mi-content($mi-var-tonality); }
|
||||
.#{$mi-css-prefix}-touch-app:before { content: mi-content($mi-var-touch-app); }
|
||||
.#{$mi-css-prefix}-toys:before { content: mi-content($mi-var-toys); }
|
||||
.#{$mi-css-prefix}-track-changes:before { content: mi-content($mi-var-track-changes); }
|
||||
.#{$mi-css-prefix}-traffic:before { content: mi-content($mi-var-traffic); }
|
||||
.#{$mi-css-prefix}-train:before { content: mi-content($mi-var-train); }
|
||||
.#{$mi-css-prefix}-tram:before { content: mi-content($mi-var-tram); }
|
||||
.#{$mi-css-prefix}-transfer-within-a-station:before { content: mi-content($mi-var-transfer-within-a-station); }
|
||||
.#{$mi-css-prefix}-transform:before { content: mi-content($mi-var-transform); }
|
||||
.#{$mi-css-prefix}-translate:before { content: mi-content($mi-var-translate); }
|
||||
.#{$mi-css-prefix}-trending-down:before { content: mi-content($mi-var-trending-down); }
|
||||
.#{$mi-css-prefix}-trending-flat:before { content: mi-content($mi-var-trending-flat); }
|
||||
.#{$mi-css-prefix}-trending-up:before { content: mi-content($mi-var-trending-up); }
|
||||
.#{$mi-css-prefix}-tune:before { content: mi-content($mi-var-tune); }
|
||||
.#{$mi-css-prefix}-tv:before { content: mi-content($mi-var-tv); }
|
||||
.#{$mi-css-prefix}-unarchive:before { content: mi-content($mi-var-unarchive); }
|
||||
.#{$mi-css-prefix}-undo:before { content: mi-content($mi-var-undo); }
|
||||
.#{$mi-css-prefix}-unfold-less:before { content: mi-content($mi-var-unfold-less); }
|
||||
.#{$mi-css-prefix}-unfold-more:before { content: mi-content($mi-var-unfold-more); }
|
||||
.#{$mi-css-prefix}-update:before { content: mi-content($mi-var-update); }
|
||||
.#{$mi-css-prefix}-usb:before { content: mi-content($mi-var-usb); }
|
||||
.#{$mi-css-prefix}-verified-user:before { content: mi-content($mi-var-verified-user); }
|
||||
.#{$mi-css-prefix}-vertical-align-bottom:before { content: mi-content($mi-var-vertical-align-bottom); }
|
||||
.#{$mi-css-prefix}-vertical-align-center:before { content: mi-content($mi-var-vertical-align-center); }
|
||||
.#{$mi-css-prefix}-vertical-align-top:before { content: mi-content($mi-var-vertical-align-top); }
|
||||
.#{$mi-css-prefix}-vibration:before { content: mi-content($mi-var-vibration); }
|
||||
.#{$mi-css-prefix}-video-call:before { content: mi-content($mi-var-video-call); }
|
||||
.#{$mi-css-prefix}-video-label:before { content: mi-content($mi-var-video-label); }
|
||||
.#{$mi-css-prefix}-video-library:before { content: mi-content($mi-var-video-library); }
|
||||
.#{$mi-css-prefix}-videocam:before { content: mi-content($mi-var-videocam); }
|
||||
.#{$mi-css-prefix}-videocam-off:before { content: mi-content($mi-var-videocam-off); }
|
||||
.#{$mi-css-prefix}-videogame-asset:before { content: mi-content($mi-var-videogame-asset); }
|
||||
.#{$mi-css-prefix}-view-agenda:before { content: mi-content($mi-var-view-agenda); }
|
||||
.#{$mi-css-prefix}-view-array:before { content: mi-content($mi-var-view-array); }
|
||||
.#{$mi-css-prefix}-view-carousel:before { content: mi-content($mi-var-view-carousel); }
|
||||
.#{$mi-css-prefix}-view-column:before { content: mi-content($mi-var-view-column); }
|
||||
.#{$mi-css-prefix}-view-comfy:before { content: mi-content($mi-var-view-comfy); }
|
||||
.#{$mi-css-prefix}-view-compact:before { content: mi-content($mi-var-view-compact); }
|
||||
.#{$mi-css-prefix}-view-day:before { content: mi-content($mi-var-view-day); }
|
||||
.#{$mi-css-prefix}-view-headline:before { content: mi-content($mi-var-view-headline); }
|
||||
.#{$mi-css-prefix}-view-list:before { content: mi-content($mi-var-view-list); }
|
||||
.#{$mi-css-prefix}-view-module:before { content: mi-content($mi-var-view-module); }
|
||||
.#{$mi-css-prefix}-view-quilt:before { content: mi-content($mi-var-view-quilt); }
|
||||
.#{$mi-css-prefix}-view-stream:before { content: mi-content($mi-var-view-stream); }
|
||||
.#{$mi-css-prefix}-view-week:before { content: mi-content($mi-var-view-week); }
|
||||
.#{$mi-css-prefix}-vignette:before { content: mi-content($mi-var-vignette); }
|
||||
.#{$mi-css-prefix}-visibility-off:before { content: mi-content($mi-var-visibility-off); }
|
||||
.#{$mi-css-prefix}-voice-chat:before { content: mi-content($mi-var-voice-chat); }
|
||||
.#{$mi-css-prefix}-voicemail:before { content: mi-content($mi-var-voicemail); }
|
||||
.#{$mi-css-prefix}-volume-down:before { content: mi-content($mi-var-volume-down); }
|
||||
.#{$mi-css-prefix}-volume-mute:before { content: mi-content($mi-var-volume-mute); }
|
||||
.#{$mi-css-prefix}-volume-off:before { content: mi-content($mi-var-volume-off); }
|
||||
.#{$mi-css-prefix}-volume-up:before { content: mi-content($mi-var-volume-up); }
|
||||
.#{$mi-css-prefix}-vpn-key:before { content: mi-content($mi-var-vpn-key); }
|
||||
.#{$mi-css-prefix}-vpn-lock:before { content: mi-content($mi-var-vpn-lock); }
|
||||
.#{$mi-css-prefix}-wallpaper:before { content: mi-content($mi-var-wallpaper); }
|
||||
.#{$mi-css-prefix}-watch:before { content: mi-content($mi-var-watch); }
|
||||
.#{$mi-css-prefix}-watch-later:before { content: mi-content($mi-var-watch-later); }
|
||||
.#{$mi-css-prefix}-wb-auto:before { content: mi-content($mi-var-wb-auto); }
|
||||
.#{$mi-css-prefix}-wb-incandescent:before { content: mi-content($mi-var-wb-incandescent); }
|
||||
.#{$mi-css-prefix}-wb-iridescent:before { content: mi-content($mi-var-wb-iridescent); }
|
||||
.#{$mi-css-prefix}-wb-sunny:before { content: mi-content($mi-var-wb-sunny); }
|
||||
.#{$mi-css-prefix}-wc:before { content: mi-content($mi-var-wc); }
|
||||
.#{$mi-css-prefix}-web:before { content: mi-content($mi-var-web); }
|
||||
.#{$mi-css-prefix}-web-asset:before { content: mi-content($mi-var-web-asset); }
|
||||
.#{$mi-css-prefix}-weekend:before { content: mi-content($mi-var-weekend); }
|
||||
.#{$mi-css-prefix}-whatshot:before { content: mi-content($mi-var-whatshot); }
|
||||
.#{$mi-css-prefix}-widgets:before { content: mi-content($mi-var-widgets); }
|
||||
.#{$mi-css-prefix}-wifi:before { content: mi-content($mi-var-wifi); }
|
||||
.#{$mi-css-prefix}-wifi-lock:before { content: mi-content($mi-var-wifi-lock); }
|
||||
.#{$mi-css-prefix}-wifi-tethering:before { content: mi-content($mi-var-wifi-tethering); }
|
||||
.#{$mi-css-prefix}-work:before { content: mi-content($mi-var-work); }
|
||||
.#{$mi-css-prefix}-wrap-text:before { content: mi-content($mi-var-wrap-text); }
|
||||
.#{$mi-css-prefix}-youtube-searched-for:before { content: mi-content($mi-var-youtube-searched-for); }
|
||||
.#{$mi-css-prefix}-zoom-in:before { content: mi-content($mi-var-zoom-in); }
|
||||
.#{$mi-css-prefix}-zoom-out:before { content: mi-content($mi-var-zoom-out); }
|
||||
.#{$mi-css-prefix}-zoom-out-map:before { content: mi-content($mi-var-zoom-out-map); }
|
||||
@@ -0,0 +1,20 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Material set mixins
|
||||
*
|
||||
* Custom mixins for Material icon set only.
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
|
||||
// Rotate icon
|
||||
@mixin mi-icon-rotate($degrees, $rotation) {
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation})";
|
||||
transform: rotate($degrees);
|
||||
}
|
||||
|
||||
// Flip icon
|
||||
@mixin mi-icon-flip($horiz, $vert, $rotation) {
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation}, mirror=1)";
|
||||
transform: scale($horiz, $vert);
|
||||
}
|
||||
@@ -0,0 +1,864 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Material set variables
|
||||
*
|
||||
* Includes some set-specific functions and variables (base and icons)
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
|
||||
// Base
|
||||
$mi-font-path: './fonts' !default;
|
||||
$mi-css-prefix: 'mi' !default;
|
||||
|
||||
// Convenience function used to set content property
|
||||
@function mi-content($mi-var) {
|
||||
@return unquote("\"#{ $mi-var }\"");
|
||||
}
|
||||
|
||||
// Icons
|
||||
$mi-var-3d-rotation: \e900;
|
||||
$mi-var-ac-unit: \e901;
|
||||
$mi-var-alarm: \e902;
|
||||
$mi-var-access-alarms: \e903;
|
||||
$mi-var-schedule: \e904;
|
||||
$mi-var-accessibility: \e905;
|
||||
$mi-var-accessible: \e906;
|
||||
$mi-var-account-balance: \e907;
|
||||
$mi-var-account-balance-wallet: \e908;
|
||||
$mi-var-account-box: \e909;
|
||||
$mi-var-account-circle: \e90a;
|
||||
$mi-var-adb: \e90b;
|
||||
$mi-var-add: \e90c;
|
||||
$mi-var-add-a-photo: \e90d;
|
||||
$mi-var-alarm-add: \e90e;
|
||||
$mi-var-add-alert: \e90f;
|
||||
$mi-var-add-box: \e910;
|
||||
$mi-var-add-circle: \e911;
|
||||
$mi-var-control-point: \e912;
|
||||
$mi-var-add-location: \e913;
|
||||
$mi-var-add-shopping-cart: \e914;
|
||||
$mi-var-queue: \e915;
|
||||
$mi-var-add-to-queue: \e916;
|
||||
$mi-var-adjust: \e917;
|
||||
$mi-var-airline-seat-flat: \e918;
|
||||
$mi-var-airline-seat-flat-angled: \e919;
|
||||
$mi-var-airline-seat-individual-suite: \e91a;
|
||||
$mi-var-airline-seat-legroom-extra: \e91b;
|
||||
$mi-var-airline-seat-legroom-normal: \e91c;
|
||||
$mi-var-airline-seat-legroom-reduced: \e91d;
|
||||
$mi-var-airline-seat-recline-extra: \e91e;
|
||||
$mi-var-airline-seat-recline-normal: \e91f;
|
||||
$mi-var-flight: \e920;
|
||||
$mi-var-airplanemode-inactive: \e921;
|
||||
$mi-var-airplay: \e922;
|
||||
$mi-var-airport-shuttle: \e923;
|
||||
$mi-var-alarm-off: \e924;
|
||||
$mi-var-alarm-on: \e925;
|
||||
$mi-var-album: \e926;
|
||||
$mi-var-all-inclusive: \e927;
|
||||
$mi-var-all-out: \e928;
|
||||
$mi-var-android: \e929;
|
||||
$mi-var-announcement: \e92a;
|
||||
$mi-var-apps: \e92b;
|
||||
$mi-var-archive: \e92c;
|
||||
$mi-var-arrow-back: \e92d;
|
||||
$mi-var-arrow-downward: \e92e;
|
||||
$mi-var-arrow-drop-down: \e92f;
|
||||
$mi-var-arrow-drop-down-circle: \e930;
|
||||
$mi-var-arrow-drop-up: \e931;
|
||||
$mi-var-arrow-forward: \e932;
|
||||
$mi-var-arrow-upward: \e933;
|
||||
$mi-var-art-track: \e934;
|
||||
$mi-var-aspect-ratio: \e935;
|
||||
$mi-var-poll: \e936;
|
||||
$mi-var-assignment: \e937;
|
||||
$mi-var-assignment-ind: \e938;
|
||||
$mi-var-assignment-late: \e939;
|
||||
$mi-var-assignment-return: \e93a;
|
||||
$mi-var-assignment-returned: \e93b;
|
||||
$mi-var-assignment-turned-in: \e93c;
|
||||
$mi-var-assistant: \e93d;
|
||||
$mi-var-flag: \e93e;
|
||||
$mi-var-attach-file: \e93f;
|
||||
$mi-var-attach-money: \e940;
|
||||
$mi-var-attachment: \e941;
|
||||
$mi-var-audiotrack: \e942;
|
||||
$mi-var-autorenew: \e943;
|
||||
$mi-var-av-timer: \e944;
|
||||
$mi-var-backspace: \e945;
|
||||
$mi-var-cloud-upload: \e946;
|
||||
$mi-var-battery-alert: \e947;
|
||||
$mi-var-battery-charging-full: \e948;
|
||||
$mi-var-battery-std: \e949;
|
||||
$mi-var-battery-unknown: \e94a;
|
||||
$mi-var-beach-access: \e94b;
|
||||
$mi-var-beenhere: \e94c;
|
||||
$mi-var-block: \e94d;
|
||||
$mi-var-bluetooth: \e94e;
|
||||
$mi-var-bluetooth-searching: \e94f;
|
||||
$mi-var-bluetooth-connected: \e950;
|
||||
$mi-var-bluetooth-disabled: \e951;
|
||||
$mi-var-blur-circular: \e952;
|
||||
$mi-var-blur-linear: \e953;
|
||||
$mi-var-blur-off: \e954;
|
||||
$mi-var-blur-on: \e955;
|
||||
$mi-var-class: \e956;
|
||||
$mi-var-turned-in: \e957;
|
||||
$mi-var-turned-in-not: \e958;
|
||||
$mi-var-border-all: \e959;
|
||||
$mi-var-border-bottom: \e95a;
|
||||
$mi-var-border-clear: \e95b;
|
||||
$mi-var-border-color: \e95c;
|
||||
$mi-var-border-horizontal: \e95d;
|
||||
$mi-var-border-inner: \e95e;
|
||||
$mi-var-border-left: \e95f;
|
||||
$mi-var-border-outer: \e960;
|
||||
$mi-var-border-right: \e961;
|
||||
$mi-var-border-style: \e962;
|
||||
$mi-var-border-top: \e963;
|
||||
$mi-var-border-vertical: \e964;
|
||||
$mi-var-branding-watermark: \e965;
|
||||
$mi-var-brightness-1: \e966;
|
||||
$mi-var-brightness-2: \e967;
|
||||
$mi-var-brightness-3: \e968;
|
||||
$mi-var-brightness-4: \e969;
|
||||
$mi-var-brightness-low: \e96a;
|
||||
$mi-var-brightness-medium: \e96b;
|
||||
$mi-var-brightness-high: \e96c;
|
||||
$mi-var-brightness-auto: \e96d;
|
||||
$mi-var-broken-image: \e96e;
|
||||
$mi-var-brush: \e96f;
|
||||
$mi-var-bubble-chart: \e970;
|
||||
$mi-var-bug-report: \e971;
|
||||
$mi-var-build: \e972;
|
||||
$mi-var-burst-mode: \e973;
|
||||
$mi-var-domain: \e974;
|
||||
$mi-var-business-center: \e975;
|
||||
$mi-var-cached: \e976;
|
||||
$mi-var-cake: \e977;
|
||||
$mi-var-phone: \e978;
|
||||
$mi-var-call-end: \e979;
|
||||
$mi-var-call-made: \e97a;
|
||||
$mi-var-merge-type: \e97b;
|
||||
$mi-var-call-missed: \e97c;
|
||||
$mi-var-call-missed-outgoing: \e97d;
|
||||
$mi-var-call-received: \e97e;
|
||||
$mi-var-call-split: \e97f;
|
||||
$mi-var-call-to-action: \e980;
|
||||
$mi-var-camera: \e981;
|
||||
$mi-var-photo-camera: \e982;
|
||||
$mi-var-camera-enhance: \e983;
|
||||
$mi-var-camera-front: \e984;
|
||||
$mi-var-camera-rear: \e985;
|
||||
$mi-var-camera-roll: \e986;
|
||||
$mi-var-cancel: \e987;
|
||||
$mi-var-redeem: \e988;
|
||||
$mi-var-card-membership: \e989;
|
||||
$mi-var-card-travel: \e98a;
|
||||
$mi-var-casino: \e98b;
|
||||
$mi-var-cast: \e98c;
|
||||
$mi-var-cast-connected: \e98d;
|
||||
$mi-var-center-focus-strong: \e98e;
|
||||
$mi-var-center-focus-weak: \e98f;
|
||||
$mi-var-change-history: \e990;
|
||||
$mi-var-chat: \e991;
|
||||
$mi-var-chat-bubble: \e992;
|
||||
$mi-var-chat-bubble-outline: \e993;
|
||||
$mi-var-check: \e994;
|
||||
$mi-var-check-box: \e995;
|
||||
$mi-var-check-box-outline-blank: \e996;
|
||||
$mi-var-check-circle: \e997;
|
||||
$mi-var-navigate-before: \e998;
|
||||
$mi-var-navigate-next: \e999;
|
||||
$mi-var-child-care: \e99a;
|
||||
$mi-var-child-friendly: \e99b;
|
||||
$mi-var-chrome-reader-mode: \e99c;
|
||||
$mi-var-close: \e99d;
|
||||
$mi-var-clear-all: \e99e;
|
||||
$mi-var-closed-caption: \e99f;
|
||||
$mi-var-wb-cloudy: \e9a0;
|
||||
$mi-var-cloud-circle: \e9a1;
|
||||
$mi-var-cloud-done: \e9a2;
|
||||
$mi-var-cloud-download: \e9a3;
|
||||
$mi-var-cloud-off: \e9a4;
|
||||
$mi-var-cloud-queue: \e9a5;
|
||||
$mi-var-code: \e9a6;
|
||||
$mi-var-photo-library: \e9a7;
|
||||
$mi-var-collections-bookmark: \e9a8;
|
||||
$mi-var-palette: \e9a9;
|
||||
$mi-var-colorize: \e9aa;
|
||||
$mi-var-comment: \e9ab;
|
||||
$mi-var-compare: \e9ac;
|
||||
$mi-var-compare-arrows: \e9ad;
|
||||
$mi-var-laptop: \e9ae;
|
||||
$mi-var-confirmation-number: \e9af;
|
||||
$mi-var-contact-mail: \e9b0;
|
||||
$mi-var-contact-phone: \e9b1;
|
||||
$mi-var-contacts: \e9b2;
|
||||
$mi-var-content-copy: \e9b3;
|
||||
$mi-var-content-cut: \e9b4;
|
||||
$mi-var-content-paste: \e9b5;
|
||||
$mi-var-control-point-duplicate: \e9b6;
|
||||
$mi-var-copyright: \e9b7;
|
||||
$mi-var-mode-edit: \e9b8;
|
||||
$mi-var-create-new-folder: \e9b9;
|
||||
$mi-var-payment: \e9ba;
|
||||
$mi-var-crop: \e9bb;
|
||||
$mi-var-crop-16-9: \e9bc;
|
||||
$mi-var-crop-3-2: \e9bd;
|
||||
$mi-var-crop-landscape: \e9be;
|
||||
$mi-var-crop-7-5: \e9bf;
|
||||
$mi-var-crop-din: \e9c0;
|
||||
$mi-var-crop-free: \e9c1;
|
||||
$mi-var-crop-original: \e9c2;
|
||||
$mi-var-crop-portrait: \e9c3;
|
||||
$mi-var-crop-rotate: \e9c4;
|
||||
$mi-var-crop-square: \e9c5;
|
||||
$mi-var-dashboard: \e9c6;
|
||||
$mi-var-data-usage: \e9c7;
|
||||
$mi-var-date-range: \e9c8;
|
||||
$mi-var-dehaze: \e9c9;
|
||||
$mi-var-delete: \e9ca;
|
||||
$mi-var-delete-forever: \e9cb;
|
||||
$mi-var-delete-sweep: \e9cc;
|
||||
$mi-var-description: \e9cd;
|
||||
$mi-var-desktop-mac: \e9ce;
|
||||
$mi-var-desktop-windows: \e9cf;
|
||||
$mi-var-details: \e9d0;
|
||||
$mi-var-developer-board: \e9d1;
|
||||
$mi-var-developer-mode: \e9d2;
|
||||
$mi-var-device-hub: \e9d3;
|
||||
$mi-var-phonelink: \e9d4;
|
||||
$mi-var-devices-other: \e9d5;
|
||||
$mi-var-dialer-sip: \e9d6;
|
||||
$mi-var-dialpad: \e9d7;
|
||||
$mi-var-directions: \e9d8;
|
||||
$mi-var-directions-bike: \e9d9;
|
||||
$mi-var-directions-boat: \e9da;
|
||||
$mi-var-directions-bus: \e9db;
|
||||
$mi-var-directions-car: \e9dc;
|
||||
$mi-var-directions-railway: \e9dd;
|
||||
$mi-var-directions-run: \e9de;
|
||||
$mi-var-directions-transit: \e9df;
|
||||
$mi-var-directions-walk: \e9e0;
|
||||
$mi-var-disc-full: \e9e1;
|
||||
$mi-var-dns: \e9e2;
|
||||
$mi-var-not-interested: \e9e3;
|
||||
$mi-var-do-not-disturb-alt: \e9e4;
|
||||
$mi-var-do-not-disturb-off: \e9e5;
|
||||
$mi-var-remove-circle: \e9e6;
|
||||
$mi-var-dock: \e9e7;
|
||||
$mi-var-done: \e9e8;
|
||||
$mi-var-done-all: \e9e9;
|
||||
$mi-var-donut-large: \e9ea;
|
||||
$mi-var-donut-small: \e9eb;
|
||||
$mi-var-drafts: \e9ec;
|
||||
$mi-var-drag-handle: \e9ed;
|
||||
$mi-var-time-to-leave: \e9ee;
|
||||
$mi-var-dvr: \e9ef;
|
||||
$mi-var-edit-location: \e9f0;
|
||||
$mi-var-eject: \e9f1;
|
||||
$mi-var-markunread: \e9f2;
|
||||
$mi-var-enhanced-encryption: \e9f3;
|
||||
$mi-var-equalizer: \e9f4;
|
||||
$mi-var-error: \e9f5;
|
||||
$mi-var-error-outline: \e9f6;
|
||||
$mi-var-euro-symbol: \e9f7;
|
||||
$mi-var-ev-station: \e9f8;
|
||||
$mi-var-insert-invitation: \e9f9;
|
||||
$mi-var-event-available: \e9fa;
|
||||
$mi-var-event-busy: \e9fb;
|
||||
$mi-var-event-note: \e9fc;
|
||||
$mi-var-event-seat: \e9fd;
|
||||
$mi-var-exit-to-app: \e9fe;
|
||||
$mi-var-expand-less: \e9ff;
|
||||
$mi-var-expand-more: \ea00;
|
||||
$mi-var-explicit: \ea01;
|
||||
$mi-var-explore: \ea02;
|
||||
$mi-var-exposure: \ea03;
|
||||
$mi-var-exposure-neg-1: \ea04;
|
||||
$mi-var-exposure-neg-2: \ea05;
|
||||
$mi-var-exposure-plus-1: \ea06;
|
||||
$mi-var-exposure-plus-2: \ea07;
|
||||
$mi-var-exposure-zero: \ea08;
|
||||
$mi-var-extension: \ea09;
|
||||
$mi-var-face: \ea0a;
|
||||
$mi-var-fast-forward: \ea0b;
|
||||
$mi-var-fast-rewind: \ea0c;
|
||||
$mi-var-favorite: \ea0d;
|
||||
$mi-var-favorite-border: \ea0e;
|
||||
$mi-var-featured-play-list: \ea0f;
|
||||
$mi-var-featured-video: \ea10;
|
||||
$mi-var-sms-failed: \ea11;
|
||||
$mi-var-fiber-dvr: \ea12;
|
||||
$mi-var-fiber-manual-record: \ea13;
|
||||
$mi-var-fiber-new: \ea14;
|
||||
$mi-var-fiber-pin: \ea15;
|
||||
$mi-var-fiber-smart-record: \ea16;
|
||||
$mi-var-get-app: \ea17;
|
||||
$mi-var-file-upload: \ea18;
|
||||
$mi-var-filter: \ea19;
|
||||
$mi-var-filter-1: \ea1a;
|
||||
$mi-var-filter-2: \ea1b;
|
||||
$mi-var-filter-3: \ea1c;
|
||||
$mi-var-filter-4: \ea1d;
|
||||
$mi-var-filter-5: \ea1e;
|
||||
$mi-var-filter-6: \ea1f;
|
||||
$mi-var-filter-7: \ea20;
|
||||
$mi-var-filter-8: \ea21;
|
||||
$mi-var-filter-9: \ea22;
|
||||
$mi-var-filter-9-plus: \ea23;
|
||||
$mi-var-filter-b-and-w: \ea24;
|
||||
$mi-var-filter-center-focus: \ea25;
|
||||
$mi-var-filter-drama: \ea26;
|
||||
$mi-var-filter-frames: \ea27;
|
||||
$mi-var-terrain: \ea28;
|
||||
$mi-var-filter-list: \ea29;
|
||||
$mi-var-filter-none: \ea2a;
|
||||
$mi-var-filter-tilt-shift: \ea2b;
|
||||
$mi-var-filter-vintage: \ea2c;
|
||||
$mi-var-find-in-page: \ea2d;
|
||||
$mi-var-find-replace: \ea2e;
|
||||
$mi-var-fingerprint: \ea2f;
|
||||
$mi-var-first-page: \ea30;
|
||||
$mi-var-fitness-center: \ea31;
|
||||
$mi-var-flare: \ea32;
|
||||
$mi-var-flash-auto: \ea33;
|
||||
$mi-var-flash-off: \ea34;
|
||||
$mi-var-flash-on: \ea35;
|
||||
$mi-var-flight-land: \ea36;
|
||||
$mi-var-flight-takeoff: \ea37;
|
||||
$mi-var-flip: \ea38;
|
||||
$mi-var-flip-to-back: \ea39;
|
||||
$mi-var-flip-to-front: \ea3a;
|
||||
$mi-var-folder: \ea3b;
|
||||
$mi-var-folder-open: \ea3c;
|
||||
$mi-var-folder-shared: \ea3d;
|
||||
$mi-var-folder-special: \ea3e;
|
||||
$mi-var-font-download: \ea3f;
|
||||
$mi-var-format-align-center: \ea40;
|
||||
$mi-var-format-align-justify: \ea41;
|
||||
$mi-var-format-align-left: \ea42;
|
||||
$mi-var-format-align-right: \ea43;
|
||||
$mi-var-format-bold: \ea44;
|
||||
$mi-var-format-clear: \ea45;
|
||||
$mi-var-format-color-fill: \ea46;
|
||||
$mi-var-format-color-reset: \ea47;
|
||||
$mi-var-format-color-text: \ea48;
|
||||
$mi-var-format-indent-decrease: \ea49;
|
||||
$mi-var-format-indent-increase: \ea4a;
|
||||
$mi-var-format-italic: \ea4b;
|
||||
$mi-var-format-line-spacing: \ea4c;
|
||||
$mi-var-format-list-bulleted: \ea4d;
|
||||
$mi-var-format-list-numbered: \ea4e;
|
||||
$mi-var-format-paint: \ea4f;
|
||||
$mi-var-format-quote: \ea50;
|
||||
$mi-var-format-shapes: \ea51;
|
||||
$mi-var-format-size: \ea52;
|
||||
$mi-var-format-strikethrough: \ea53;
|
||||
$mi-var-format-textdirection-l-to-r: \ea54;
|
||||
$mi-var-format-textdirection-r-to-l: \ea55;
|
||||
$mi-var-format-underlined: \ea56;
|
||||
$mi-var-question-answer: \ea57;
|
||||
$mi-var-forward: \ea58;
|
||||
$mi-var-forward-10: \ea59;
|
||||
$mi-var-forward-30: \ea5a;
|
||||
$mi-var-forward-5: \ea5b;
|
||||
$mi-var-free-breakfast: \ea5c;
|
||||
$mi-var-fullscreen: \ea5d;
|
||||
$mi-var-fullscreen-exit: \ea5e;
|
||||
$mi-var-functions: \ea5f;
|
||||
$mi-var-g-translate: \ea60;
|
||||
$mi-var-games: \ea61;
|
||||
$mi-var-gavel: \ea62;
|
||||
$mi-var-gesture: \ea63;
|
||||
$mi-var-gif: \ea64;
|
||||
$mi-var-goat: \ea65;
|
||||
$mi-var-golf-course: \ea66;
|
||||
$mi-var-my-location: \ea67;
|
||||
$mi-var-location-searching: \ea68;
|
||||
$mi-var-location-disabled: \ea69;
|
||||
$mi-var-star: \ea6a;
|
||||
$mi-var-gradient: \ea6b;
|
||||
$mi-var-grain: \ea6c;
|
||||
$mi-var-graphic-eq: \ea6d;
|
||||
$mi-var-grid-off: \ea6e;
|
||||
$mi-var-grid-on: \ea6f;
|
||||
$mi-var-people: \ea70;
|
||||
$mi-var-group-add: \ea71;
|
||||
$mi-var-group-work: \ea72;
|
||||
$mi-var-hd: \ea73;
|
||||
$mi-var-hdr-off: \ea74;
|
||||
$mi-var-hdr-on: \ea75;
|
||||
$mi-var-hdr-strong: \ea76;
|
||||
$mi-var-hdr-weak: \ea77;
|
||||
$mi-var-headset: \ea78;
|
||||
$mi-var-headset-mic: \ea79;
|
||||
$mi-var-healing: \ea7a;
|
||||
$mi-var-hearing: \ea7b;
|
||||
$mi-var-help: \ea7c;
|
||||
$mi-var-help-outline: \ea7d;
|
||||
$mi-var-high-quality: \ea7e;
|
||||
$mi-var-highlight: \ea7f;
|
||||
$mi-var-highlight-off: \ea80;
|
||||
$mi-var-restore: \ea81;
|
||||
$mi-var-home: \ea82;
|
||||
$mi-var-hot-tub: \ea83;
|
||||
$mi-var-local-hotel: \ea84;
|
||||
$mi-var-hourglass-empty: \ea85;
|
||||
$mi-var-hourglass-full: \ea86;
|
||||
$mi-var-http: \ea87;
|
||||
$mi-var-lock: \ea88;
|
||||
$mi-var-photo: \ea89;
|
||||
$mi-var-image-aspect-ratio: \ea8a;
|
||||
$mi-var-import-contacts: \ea8b;
|
||||
$mi-var-import-export: \ea8c;
|
||||
$mi-var-important-devices: \ea8d;
|
||||
$mi-var-inbox: \ea8e;
|
||||
$mi-var-indeterminate-check-box: \ea8f;
|
||||
$mi-var-info: \ea90;
|
||||
$mi-var-info-outline: \ea91;
|
||||
$mi-var-input: \ea92;
|
||||
$mi-var-insert-comment: \ea93;
|
||||
$mi-var-insert-drive-file: \ea94;
|
||||
$mi-var-tag-faces: \ea95;
|
||||
$mi-var-link: \ea96;
|
||||
$mi-var-invert-colors: \ea97;
|
||||
$mi-var-invert-colors-off: \ea98;
|
||||
$mi-var-iso: \ea99;
|
||||
$mi-var-keyboard: \ea9a;
|
||||
$mi-var-keyboard-arrow-down: \ea9b;
|
||||
$mi-var-keyboard-arrow-left: \ea9c;
|
||||
$mi-var-keyboard-arrow-right: \ea9d;
|
||||
$mi-var-keyboard-arrow-up: \ea9e;
|
||||
$mi-var-keyboard-backspace: \ea9f;
|
||||
$mi-var-keyboard-capslock: \eaa0;
|
||||
$mi-var-keyboard-hide: \eaa1;
|
||||
$mi-var-keyboard-return: \eaa2;
|
||||
$mi-var-keyboard-tab: \eaa3;
|
||||
$mi-var-keyboard-voice: \eaa4;
|
||||
$mi-var-kitchen: \eaa5;
|
||||
$mi-var-label: \eaa6;
|
||||
$mi-var-label-outline: \eaa7;
|
||||
$mi-var-language: \eaa8;
|
||||
$mi-var-laptop-chromebook: \eaa9;
|
||||
$mi-var-laptop-mac: \eaaa;
|
||||
$mi-var-laptop-windows: \eaab;
|
||||
$mi-var-last-page: \eaac;
|
||||
$mi-var-open-in-new: \eaad;
|
||||
$mi-var-layers: \eaae;
|
||||
$mi-var-layers-clear: \eaaf;
|
||||
$mi-var-leak-add: \eab0;
|
||||
$mi-var-leak-remove: \eab1;
|
||||
$mi-var-lens: \eab2;
|
||||
$mi-var-library-books: \eab3;
|
||||
$mi-var-library-music: \eab4;
|
||||
$mi-var-lightbulb-outline: \eab5;
|
||||
$mi-var-line-style: \eab6;
|
||||
$mi-var-line-weight: \eab7;
|
||||
$mi-var-linear-scale: \eab8;
|
||||
$mi-var-linked-camera: \eab9;
|
||||
$mi-var-list: \eaba;
|
||||
$mi-var-live-help: \eabb;
|
||||
$mi-var-live-tv: \eabc;
|
||||
$mi-var-local-play: \eabd;
|
||||
$mi-var-local-airport: \eabe;
|
||||
$mi-var-local-atm: \eabf;
|
||||
$mi-var-local-bar: \eac0;
|
||||
$mi-var-local-cafe: \eac1;
|
||||
$mi-var-local-car-wash: \eac2;
|
||||
$mi-var-local-convenience-store: \eac3;
|
||||
$mi-var-restaurant-menu: \eac4;
|
||||
$mi-var-local-drink: \eac5;
|
||||
$mi-var-local-florist: \eac6;
|
||||
$mi-var-local-gas-station: \eac7;
|
||||
$mi-var-shopping-cart: \eac8;
|
||||
$mi-var-local-hospital: \eac9;
|
||||
$mi-var-local-laundry-service: \eaca;
|
||||
$mi-var-local-library: \eacb;
|
||||
$mi-var-local-mall: \eacc;
|
||||
$mi-var-theaters: \eacd;
|
||||
$mi-var-local-offer: \eace;
|
||||
$mi-var-local-parking: \eacf;
|
||||
$mi-var-local-pharmacy: \ead0;
|
||||
$mi-var-local-pizza: \ead1;
|
||||
$mi-var-print: \ead2;
|
||||
$mi-var-local-shipping: \ead3;
|
||||
$mi-var-local-taxi: \ead4;
|
||||
$mi-var-location-city: \ead5;
|
||||
$mi-var-location-off: \ead6;
|
||||
$mi-var-room: \ead7;
|
||||
$mi-var-lock-open: \ead8;
|
||||
$mi-var-lock-outline: \ead9;
|
||||
$mi-var-looks: \eada;
|
||||
$mi-var-looks-3: \eadb;
|
||||
$mi-var-looks-4: \eadc;
|
||||
$mi-var-looks-5: \eadd;
|
||||
$mi-var-looks-6: \eade;
|
||||
$mi-var-looks-one: \eadf;
|
||||
$mi-var-looks-two: \eae0;
|
||||
$mi-var-sync: \eae1;
|
||||
$mi-var-loupe: \eae2;
|
||||
$mi-var-low-priority: \eae3;
|
||||
$mi-var-loyalty: \eae4;
|
||||
$mi-var-mail-outline: \eae5;
|
||||
$mi-var-map: \eae6;
|
||||
$mi-var-markunread-mailbox: \eae7;
|
||||
$mi-var-memory: \eae8;
|
||||
$mi-var-menu: \eae9;
|
||||
$mi-var-message: \eaea;
|
||||
$mi-var-mic: \eaeb;
|
||||
$mi-var-mic-none: \eaec;
|
||||
$mi-var-mic-off: \eaed;
|
||||
$mi-var-mms: \eaee;
|
||||
$mi-var-mode-comment: \eaef;
|
||||
$mi-var-monetization-on: \eaf0;
|
||||
$mi-var-money-off: \eaf1;
|
||||
$mi-var-monochrome-photos: \eaf2;
|
||||
$mi-var-mood-bad: \eaf3;
|
||||
$mi-var-more: \eaf4;
|
||||
$mi-var-more-horiz: \eaf5;
|
||||
$mi-var-more-vert: \eaf6;
|
||||
$mi-var-motorcycle: \eaf7;
|
||||
$mi-var-mouse: \eaf8;
|
||||
$mi-var-move-to-inbox: \eaf9;
|
||||
$mi-var-movie-creation: \eafa;
|
||||
$mi-var-movie-filter: \eafb;
|
||||
$mi-var-multiline-chart: \eafc;
|
||||
$mi-var-music-note: \eafd;
|
||||
$mi-var-music-video: \eafe;
|
||||
$mi-var-nature: \eaff;
|
||||
$mi-var-nature-people: \eb00;
|
||||
$mi-var-navigation: \eb01;
|
||||
$mi-var-near-me: \eb02;
|
||||
$mi-var-network-cell: \eb03;
|
||||
$mi-var-network-check: \eb04;
|
||||
$mi-var-network-locked: \eb05;
|
||||
$mi-var-network-wifi: \eb06;
|
||||
$mi-var-new-releases: \eb07;
|
||||
$mi-var-next-week: \eb08;
|
||||
$mi-var-nfc: \eb09;
|
||||
$mi-var-no-encryption: \eb0a;
|
||||
$mi-var-signal-cellular-no-sim: \eb0b;
|
||||
$mi-var-note: \eb0c;
|
||||
$mi-var-note-add: \eb0d;
|
||||
$mi-var-notifications: \eb0e;
|
||||
$mi-var-notifications-active: \eb0f;
|
||||
$mi-var-notifications-none: \eb10;
|
||||
$mi-var-notifications-off: \eb11;
|
||||
$mi-var-notifications-paused: \eb12;
|
||||
$mi-var-offline-pin: \eb13;
|
||||
$mi-var-ondemand-video: \eb14;
|
||||
$mi-var-opacity: \eb15;
|
||||
$mi-var-open-in-browser: \eb16;
|
||||
$mi-var-open-with: \eb17;
|
||||
$mi-var-pages: \eb18;
|
||||
$mi-var-pageview: \eb19;
|
||||
$mi-var-pan-tool: \eb1a;
|
||||
$mi-var-panorama: \eb1b;
|
||||
$mi-var-radio-button-unchecked: \eb1c;
|
||||
$mi-var-panorama-horizontal: \eb1d;
|
||||
$mi-var-panorama-vertical: \eb1e;
|
||||
$mi-var-panorama-wide-angle: \eb1f;
|
||||
$mi-var-party-mode: \eb20;
|
||||
$mi-var-pause: \eb21;
|
||||
$mi-var-pause-circle-filled: \eb22;
|
||||
$mi-var-pause-circle-outline: \eb23;
|
||||
$mi-var-people-outline: \eb24;
|
||||
$mi-var-perm-camera-mic: \eb25;
|
||||
$mi-var-perm-contact-calendar: \eb26;
|
||||
$mi-var-perm-data-setting: \eb27;
|
||||
$mi-var-perm-device-information: \eb28;
|
||||
$mi-var-person-outline: \eb29;
|
||||
$mi-var-perm-media: \eb2a;
|
||||
$mi-var-perm-phone-msg: \eb2b;
|
||||
$mi-var-perm-scan-wifi: \eb2c;
|
||||
$mi-var-person: \eb2d;
|
||||
$mi-var-person-add: \eb2e;
|
||||
$mi-var-person-pin: \eb2f;
|
||||
$mi-var-person-pin-circle: \eb30;
|
||||
$mi-var-personal-video: \eb31;
|
||||
$mi-var-pets: \eb32;
|
||||
$mi-var-phone-android: \eb33;
|
||||
$mi-var-phone-bluetooth-speaker: \eb34;
|
||||
$mi-var-phone-forwarded: \eb35;
|
||||
$mi-var-phone-in-talk: \eb36;
|
||||
$mi-var-phone-iphone: \eb37;
|
||||
$mi-var-phone-locked: \eb38;
|
||||
$mi-var-phone-missed: \eb39;
|
||||
$mi-var-phone-paused: \eb3a;
|
||||
$mi-var-phonelink-erase: \eb3b;
|
||||
$mi-var-phonelink-lock: \eb3c;
|
||||
$mi-var-phonelink-off: \eb3d;
|
||||
$mi-var-phonelink-ring: \eb3e;
|
||||
$mi-var-phonelink-setup: \eb3f;
|
||||
$mi-var-photo-album: \eb40;
|
||||
$mi-var-photo-filter: \eb41;
|
||||
$mi-var-photo-size-select-actual: \eb42;
|
||||
$mi-var-photo-size-select-large: \eb43;
|
||||
$mi-var-photo-size-select-small: \eb44;
|
||||
$mi-var-picture-as-pdf: \eb45;
|
||||
$mi-var-picture-in-picture: \eb46;
|
||||
$mi-var-picture-in-picture-alt: \eb47;
|
||||
$mi-var-pie-chart: \eb48;
|
||||
$mi-var-pie-chart-outlined: \eb49;
|
||||
$mi-var-pin-drop: \eb4a;
|
||||
$mi-var-play-arrow: \eb4b;
|
||||
$mi-var-play-circle-filled: \eb4c;
|
||||
$mi-var-play-circle-outline: \eb4d;
|
||||
$mi-var-play-for-work: \eb4e;
|
||||
$mi-var-playlist-add: \eb4f;
|
||||
$mi-var-playlist-add-check: \eb50;
|
||||
$mi-var-playlist-play: \eb51;
|
||||
$mi-var-plus-one: \eb52;
|
||||
$mi-var-polymer: \eb53;
|
||||
$mi-var-pool: \eb54;
|
||||
$mi-var-portable-wifi-off: \eb55;
|
||||
$mi-var-portrait: \eb56;
|
||||
$mi-var-power: \eb57;
|
||||
$mi-var-power-input: \eb58;
|
||||
$mi-var-power-settings-new: \eb59;
|
||||
$mi-var-pregnant-woman: \eb5a;
|
||||
$mi-var-present-to-all: \eb5b;
|
||||
$mi-var-priority-high: \eb5c;
|
||||
$mi-var-public: \eb5d;
|
||||
$mi-var-publish: \eb5e;
|
||||
$mi-var-queue-music: \eb5f;
|
||||
$mi-var-queue-play-next: \eb60;
|
||||
$mi-var-radio: \eb61;
|
||||
$mi-var-radio-button-checked: \eb62;
|
||||
$mi-var-rate-review: \eb63;
|
||||
$mi-var-receipt: \eb64;
|
||||
$mi-var-recent-actors: \eb65;
|
||||
$mi-var-record-voice-over: \eb66;
|
||||
$mi-var-redo: \eb67;
|
||||
$mi-var-refresh: \eb68;
|
||||
$mi-var-remove: \eb69;
|
||||
$mi-var-remove-circle-outline: \eb6a;
|
||||
$mi-var-remove-from-queue: \eb6b;
|
||||
$mi-var-visibility: \eb6c;
|
||||
$mi-var-remove-shopping-cart: \eb6d;
|
||||
$mi-var-reorder: \eb6e;
|
||||
$mi-var-repeat: \eb6f;
|
||||
$mi-var-repeat-one: \eb70;
|
||||
$mi-var-replay: \eb71;
|
||||
$mi-var-replay-10: \eb72;
|
||||
$mi-var-replay-30: \eb73;
|
||||
$mi-var-replay-5: \eb74;
|
||||
$mi-var-reply: \eb75;
|
||||
$mi-var-reply-all: \eb76;
|
||||
$mi-var-report: \eb77;
|
||||
$mi-var-warning: \eb78;
|
||||
$mi-var-restaurant: \eb79;
|
||||
$mi-var-restore-page: \eb7a;
|
||||
$mi-var-ring-volume: \eb7b;
|
||||
$mi-var-room-service: \eb7c;
|
||||
$mi-var-rotate-90-degrees-ccw: \eb7d;
|
||||
$mi-var-rotate-left: \eb7e;
|
||||
$mi-var-rotate-right: \eb7f;
|
||||
$mi-var-rounded-corner: \eb80;
|
||||
$mi-var-router: \eb81;
|
||||
$mi-var-rowing: \eb82;
|
||||
$mi-var-rss-feed: \eb83;
|
||||
$mi-var-rv-hookup: \eb84;
|
||||
$mi-var-satellite: \eb85;
|
||||
$mi-var-save: \eb86;
|
||||
$mi-var-scanner: \eb87;
|
||||
$mi-var-school: \eb88;
|
||||
$mi-var-screen-lock-landscape: \eb89;
|
||||
$mi-var-screen-lock-portrait: \eb8a;
|
||||
$mi-var-screen-lock-rotation: \eb8b;
|
||||
$mi-var-screen-rotation: \eb8c;
|
||||
$mi-var-screen-share: \eb8d;
|
||||
$mi-var-sd-storage: \eb8e;
|
||||
$mi-var-search: \eb8f;
|
||||
$mi-var-security: \eb90;
|
||||
$mi-var-select-all: \eb91;
|
||||
$mi-var-send: \eb92;
|
||||
$mi-var-sentiment-dissatisfied: \eb93;
|
||||
$mi-var-sentiment-neutral: \eb94;
|
||||
$mi-var-sentiment-satisfied: \eb95;
|
||||
$mi-var-sentiment-very-dissatisfied: \eb96;
|
||||
$mi-var-sentiment-very-satisfied: \eb97;
|
||||
$mi-var-settings: \eb98;
|
||||
$mi-var-settings-applications: \eb99;
|
||||
$mi-var-settings-backup-restore: \eb9a;
|
||||
$mi-var-settings-bluetooth: \eb9b;
|
||||
$mi-var-settings-brightness: \eb9c;
|
||||
$mi-var-settings-cell: \eb9d;
|
||||
$mi-var-settings-ethernet: \eb9e;
|
||||
$mi-var-settings-input-antenna: \eb9f;
|
||||
$mi-var-settings-input-composite: \eba0;
|
||||
$mi-var-settings-input-hdmi: \eba1;
|
||||
$mi-var-settings-input-svideo: \eba2;
|
||||
$mi-var-settings-overscan: \eba3;
|
||||
$mi-var-settings-phone: \eba4;
|
||||
$mi-var-settings-power: \eba5;
|
||||
$mi-var-settings-remote: \eba6;
|
||||
$mi-var-settings-system-daydream: \eba7;
|
||||
$mi-var-settings-voice: \eba8;
|
||||
$mi-var-share: \eba9;
|
||||
$mi-var-shop: \ebaa;
|
||||
$mi-var-shop-two: \ebab;
|
||||
$mi-var-shopping-basket: \ebac;
|
||||
$mi-var-short-text: \ebad;
|
||||
$mi-var-show-chart: \ebae;
|
||||
$mi-var-shuffle: \ebaf;
|
||||
$mi-var-signal-cellular-4-bar: \ebb0;
|
||||
$mi-var-signal-cellular-connected-no-internet-4-bar: \ebb1;
|
||||
$mi-var-signal-cellular-null: \ebb2;
|
||||
$mi-var-signal-cellular-off: \ebb3;
|
||||
$mi-var-signal-wifi-4-bar: \ebb4;
|
||||
$mi-var-signal-wifi-4-bar-lock: \ebb5;
|
||||
$mi-var-signal-wifi-off: \ebb6;
|
||||
$mi-var-sim-card: \ebb7;
|
||||
$mi-var-sim-card-alert: \ebb8;
|
||||
$mi-var-skip-next: \ebb9;
|
||||
$mi-var-skip-previous: \ebba;
|
||||
$mi-var-slideshow: \ebbb;
|
||||
$mi-var-slow-motion-video: \ebbc;
|
||||
$mi-var-stay-primary-portrait: \ebbd;
|
||||
$mi-var-smoke-free: \ebbe;
|
||||
$mi-var-smoking-rooms: \ebbf;
|
||||
$mi-var-textsms: \ebc0;
|
||||
$mi-var-snooze: \ebc1;
|
||||
$mi-var-sort: \ebc2;
|
||||
$mi-var-sort-by-alpha: \ebc3;
|
||||
$mi-var-spa: \ebc4;
|
||||
$mi-var-space-bar: \ebc5;
|
||||
$mi-var-speaker: \ebc6;
|
||||
$mi-var-speaker-group: \ebc7;
|
||||
$mi-var-speaker-notes: \ebc8;
|
||||
$mi-var-speaker-notes-off: \ebc9;
|
||||
$mi-var-speaker-phone: \ebca;
|
||||
$mi-var-spellcheck: \ebcb;
|
||||
$mi-var-star-border: \ebcc;
|
||||
$mi-var-star-half: \ebcd;
|
||||
$mi-var-stars: \ebce;
|
||||
$mi-var-stay-primary-landscape: \ebcf;
|
||||
$mi-var-stop: \ebd0;
|
||||
$mi-var-stop-screen-share: \ebd1;
|
||||
$mi-var-storage: \ebd2;
|
||||
$mi-var-store-mall-directory: \ebd3;
|
||||
$mi-var-straighten: \ebd4;
|
||||
$mi-var-streetview: \ebd5;
|
||||
$mi-var-strikethrough-s: \ebd6;
|
||||
$mi-var-style: \ebd7;
|
||||
$mi-var-subdirectory-arrow-left: \ebd8;
|
||||
$mi-var-subdirectory-arrow-right: \ebd9;
|
||||
$mi-var-subject: \ebda;
|
||||
$mi-var-subscriptions: \ebdb;
|
||||
$mi-var-subtitles: \ebdc;
|
||||
$mi-var-subway: \ebdd;
|
||||
$mi-var-supervisor-account: \ebde;
|
||||
$mi-var-surround-sound: \ebdf;
|
||||
$mi-var-swap-calls: \ebe0;
|
||||
$mi-var-swap-horiz: \ebe1;
|
||||
$mi-var-swap-vert: \ebe2;
|
||||
$mi-var-swap-vertical-circle: \ebe3;
|
||||
$mi-var-switch-camera: \ebe4;
|
||||
$mi-var-switch-video: \ebe5;
|
||||
$mi-var-sync-disabled: \ebe6;
|
||||
$mi-var-sync-problem: \ebe7;
|
||||
$mi-var-system-update: \ebe8;
|
||||
$mi-var-system-update-alt: \ebe9;
|
||||
$mi-var-tab: \ebea;
|
||||
$mi-var-tab-unselected: \ebeb;
|
||||
$mi-var-tablet: \ebec;
|
||||
$mi-var-tablet-android: \ebed;
|
||||
$mi-var-tablet-mac: \ebee;
|
||||
$mi-var-tap-and-play: \ebef;
|
||||
$mi-var-text-fields: \ebf0;
|
||||
$mi-var-text-format: \ebf1;
|
||||
$mi-var-texture: \ebf2;
|
||||
$mi-var-thumb-down: \ebf3;
|
||||
$mi-var-thumb-up: \ebf4;
|
||||
$mi-var-thumbs-up-down: \ebf5;
|
||||
$mi-var-timelapse: \ebf6;
|
||||
$mi-var-timeline: \ebf7;
|
||||
$mi-var-timer: \ebf8;
|
||||
$mi-var-timer-10: \ebf9;
|
||||
$mi-var-timer-3: \ebfa;
|
||||
$mi-var-timer-off: \ebfb;
|
||||
$mi-var-title: \ebfc;
|
||||
$mi-var-toc: \ebfd;
|
||||
$mi-var-today: \ebfe;
|
||||
$mi-var-toll: \ebff;
|
||||
$mi-var-tonality: \ec00;
|
||||
$mi-var-touch-app: \ec01;
|
||||
$mi-var-toys: \ec02;
|
||||
$mi-var-track-changes: \ec03;
|
||||
$mi-var-traffic: \ec04;
|
||||
$mi-var-train: \ec05;
|
||||
$mi-var-tram: \ec06;
|
||||
$mi-var-transfer-within-a-station: \ec07;
|
||||
$mi-var-transform: \ec08;
|
||||
$mi-var-translate: \ec09;
|
||||
$mi-var-trending-down: \ec0a;
|
||||
$mi-var-trending-flat: \ec0b;
|
||||
$mi-var-trending-up: \ec0c;
|
||||
$mi-var-tune: \ec0d;
|
||||
$mi-var-tv: \ec0e;
|
||||
$mi-var-unarchive: \ec0f;
|
||||
$mi-var-undo: \ec10;
|
||||
$mi-var-unfold-less: \ec11;
|
||||
$mi-var-unfold-more: \ec12;
|
||||
$mi-var-update: \ec13;
|
||||
$mi-var-usb: \ec14;
|
||||
$mi-var-verified-user: \ec15;
|
||||
$mi-var-vertical-align-bottom: \ec16;
|
||||
$mi-var-vertical-align-center: \ec17;
|
||||
$mi-var-vertical-align-top: \ec18;
|
||||
$mi-var-vibration: \ec19;
|
||||
$mi-var-video-call: \ec1a;
|
||||
$mi-var-video-label: \ec1b;
|
||||
$mi-var-video-library: \ec1c;
|
||||
$mi-var-videocam: \ec1d;
|
||||
$mi-var-videocam-off: \ec1e;
|
||||
$mi-var-videogame-asset: \ec1f;
|
||||
$mi-var-view-agenda: \ec20;
|
||||
$mi-var-view-array: \ec21;
|
||||
$mi-var-view-carousel: \ec22;
|
||||
$mi-var-view-column: \ec23;
|
||||
$mi-var-view-comfy: \ec24;
|
||||
$mi-var-view-compact: \ec25;
|
||||
$mi-var-view-day: \ec26;
|
||||
$mi-var-view-headline: \ec27;
|
||||
$mi-var-view-list: \ec28;
|
||||
$mi-var-view-module: \ec29;
|
||||
$mi-var-view-quilt: \ec2a;
|
||||
$mi-var-view-stream: \ec2b;
|
||||
$mi-var-view-week: \ec2c;
|
||||
$mi-var-vignette: \ec2d;
|
||||
$mi-var-visibility-off: \ec2e;
|
||||
$mi-var-voice-chat: \ec2f;
|
||||
$mi-var-voicemail: \ec30;
|
||||
$mi-var-volume-down: \ec31;
|
||||
$mi-var-volume-mute: \ec32;
|
||||
$mi-var-volume-off: \ec33;
|
||||
$mi-var-volume-up: \ec34;
|
||||
$mi-var-vpn-key: \ec35;
|
||||
$mi-var-vpn-lock: \ec36;
|
||||
$mi-var-wallpaper: \ec37;
|
||||
$mi-var-watch: \ec38;
|
||||
$mi-var-watch-later: \ec39;
|
||||
$mi-var-wb-auto: \ec3a;
|
||||
$mi-var-wb-incandescent: \ec3b;
|
||||
$mi-var-wb-iridescent: \ec3c;
|
||||
$mi-var-wb-sunny: \ec3d;
|
||||
$mi-var-wc: \ec3e;
|
||||
$mi-var-web: \ec3f;
|
||||
$mi-var-web-asset: \ec40;
|
||||
$mi-var-weekend: \ec41;
|
||||
$mi-var-whatshot: \ec42;
|
||||
$mi-var-widgets: \ec43;
|
||||
$mi-var-wifi: \ec44;
|
||||
$mi-var-wifi-lock: \ec45;
|
||||
$mi-var-wifi-tethering: \ec46;
|
||||
$mi-var-work: \ec47;
|
||||
$mi-var-wrap-text: \ec48;
|
||||
$mi-var-youtube-searched-for: \ec49;
|
||||
$mi-var-zoom-in: \ec4a;
|
||||
$mi-var-zoom-out: \ec4b;
|
||||
$mi-var-zoom-out-map: \ec4c;
|
||||
@@ -0,0 +1,17 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Material icons base
|
||||
*
|
||||
* Main file to compile. Do not change file order. Default output file: styles.min.css
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Import custom template config
|
||||
@import "../../../../config";
|
||||
|
||||
// Import icon set
|
||||
@import '../variables';
|
||||
@import '../mixins';
|
||||
|
||||
@import '../base';
|
||||
@import '../icons';
|
||||
@@ -0,0 +1,26 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Google Maps overrides
|
||||
*
|
||||
* Override Google Maps default styles
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Check if component is enabled
|
||||
@if $enable-google-maps {
|
||||
|
||||
// Container
|
||||
.map-container {
|
||||
height: $map-container-height;
|
||||
}
|
||||
|
||||
// Override popover text styles
|
||||
.gm-style {
|
||||
font-size: $font-size-base;
|
||||
|
||||
.gm-style-iw {
|
||||
font-size: $font-size-base;
|
||||
font-weight: $font-weight-normal;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,54 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Vector maps
|
||||
*
|
||||
* Vector map container, tooltip and zooming
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Check if component is enabled
|
||||
@if $enable-vector-maps {
|
||||
|
||||
// Container
|
||||
.vector-map-container {
|
||||
height: $map-container-height;
|
||||
}
|
||||
|
||||
// Map tooltip
|
||||
.jvectormap-label {
|
||||
position: absolute;
|
||||
display: none;
|
||||
background-color: $tooltip-bg;
|
||||
color: $tooltip-color;
|
||||
padding: $tooltip-padding-y $tooltip-padding-x;
|
||||
@include border-radius($tooltip-border-radius);
|
||||
}
|
||||
|
||||
// Zoom buttons
|
||||
.jvectormap-zoomin,
|
||||
.jvectormap-zoomout {
|
||||
position: absolute;
|
||||
left: $card-spacer-x;
|
||||
padding: 0.5rem;
|
||||
color: white;
|
||||
cursor: pointer;
|
||||
font-size: $icon-font-size;
|
||||
font-weight: $font-weight-light;
|
||||
line-height: 0.625rem;
|
||||
background-color: $color-slate-700;
|
||||
text-align: center;
|
||||
@include border-radius($border-radius);
|
||||
@include transition(all ease-in-out $component-transition-timer);
|
||||
|
||||
// Hover state
|
||||
@include hover {
|
||||
background-color: $color-slate-800;
|
||||
}
|
||||
}
|
||||
.jvectormap-zoomin {
|
||||
top: 0.625rem;
|
||||
}
|
||||
.jvectormap-zoomout {
|
||||
top: 2.5rem;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,413 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Progress (loading) bars
|
||||
*
|
||||
* Static demo of Pace themes. For demonstration purposes only. DO NOT use it in production
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Check if component is enabled
|
||||
@if $enable-demo {
|
||||
|
||||
|
||||
// Dark squares for pace themes
|
||||
// ------------------------------
|
||||
|
||||
.pace-demo {
|
||||
display: inline-block;
|
||||
background-color: $color-slate-800;
|
||||
vertical-align: middle;
|
||||
position: relative;
|
||||
line-height: 1;
|
||||
@include border-radius($border-radius);
|
||||
@include size(88px);
|
||||
|
||||
.pace_progress {
|
||||
display: none;
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Xbox Mini theme
|
||||
// ------------------------------
|
||||
|
||||
.theme_xbox {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin-top: -24px;
|
||||
|
||||
// Activity
|
||||
.pace_activity {
|
||||
animation: rotation 1.5s ease-in-out infinite;
|
||||
margin: auto;
|
||||
@include size(48px);
|
||||
|
||||
&,
|
||||
&:before,
|
||||
&:after {
|
||||
border: 2px solid transparent;
|
||||
border-top-color: $white;
|
||||
border-radius: $border-radius-circle;
|
||||
}
|
||||
|
||||
&:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
left: 5px;
|
||||
right: 5px;
|
||||
bottom: 5px;
|
||||
animation: rotation ease-in-out 2s infinite;
|
||||
}
|
||||
|
||||
&:after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 12px;
|
||||
left: 12px;
|
||||
right: 12px;
|
||||
bottom: 12px;
|
||||
animation: rotation ease-in-out 1s infinite;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Add % text
|
||||
.theme_xbox_with_text {
|
||||
.pace_activity {
|
||||
margin-top: -10px;
|
||||
}
|
||||
|
||||
span {
|
||||
display: block;
|
||||
margin-top: 10px;
|
||||
color: $white;
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Xbox Small theme
|
||||
// ------------------------------
|
||||
|
||||
.theme_xbox_sm {
|
||||
@extend .theme_xbox;
|
||||
|
||||
.pace_activity {
|
||||
&,
|
||||
&:before,
|
||||
&:after {
|
||||
border-width: 1px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Xbox theme
|
||||
// ------------------------------
|
||||
|
||||
.theme_xbox_lg {
|
||||
@extend .theme_xbox;
|
||||
|
||||
.pace_activity {
|
||||
&,
|
||||
&:before,
|
||||
&:after {
|
||||
border-width: 3px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Perspective theme
|
||||
// ------------------------------
|
||||
|
||||
.theme_perspective {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin-top: -15px;
|
||||
|
||||
.pace_activity {
|
||||
display: inline-block;
|
||||
background-color: $white;
|
||||
animation: perspective ease-in-out 1.2s infinite;
|
||||
@include size(30px);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes perspective {
|
||||
0% { transform: perspective(120px); }
|
||||
50% { transform: perspective(120px) rotateY(180deg); }
|
||||
100% { transform: perspective(120px) rotateY(180deg) rotateX(180deg); }
|
||||
}
|
||||
|
||||
@-webkit-keyframes perspective {
|
||||
0% { -webkit-transform: perspective(120px); }
|
||||
50% { -webkit-transform: perspective(120px) rotateY(180deg); }
|
||||
100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg); }
|
||||
}
|
||||
|
||||
@-moz-keyframes perspective {
|
||||
0% { -moz-transform: perspective(120px); }
|
||||
50% { -moz-transform: perspective(120px) rotateY(180deg); }
|
||||
100% { -moz-transform: perspective(120px) rotateY(180deg) rotateX(180deg); }
|
||||
}
|
||||
|
||||
.theme_perspective_with_text {
|
||||
.pace_activity {
|
||||
margin-top: -12px;
|
||||
}
|
||||
|
||||
span {
|
||||
display: block;
|
||||
margin-top: 15px;
|
||||
color: $white;
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Squares theme
|
||||
// ------------------------------
|
||||
|
||||
.theme_squares {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin-top: -15px;
|
||||
|
||||
// Activity
|
||||
.pace_activity {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
margin: auto;
|
||||
|
||||
&:before,
|
||||
&:after {
|
||||
position: absolute;
|
||||
content: "";
|
||||
border: 2px solid $white;
|
||||
}
|
||||
|
||||
&:before {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
margin-left: -15px;
|
||||
animation: rotation_reverse linear 2s infinite;
|
||||
}
|
||||
|
||||
&:after {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin-left: -10px;
|
||||
margin-top: 5px;
|
||||
animation: rotation linear 2s infinite;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Text
|
||||
.theme_squares_with_text {
|
||||
.pace_activity {
|
||||
margin-top: -12px;
|
||||
}
|
||||
|
||||
span {
|
||||
display: block;
|
||||
margin-top: 15px;
|
||||
color: $white;
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Tail theme
|
||||
// ------------------------------
|
||||
|
||||
.theme_tail {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin-top: -15px;
|
||||
|
||||
// Activity
|
||||
.pace_activity {
|
||||
margin: auto;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
border: 3px solid transparent;
|
||||
border-left-color: $white;
|
||||
border-radius: 50%;
|
||||
animation: rotation linear 1.1s infinite;
|
||||
}
|
||||
}
|
||||
|
||||
// Circle tail theme
|
||||
.theme_tail_circle {
|
||||
.pace_activity {
|
||||
border-color: rgba($black, 0.15);
|
||||
border-left-color: $white;
|
||||
}
|
||||
}
|
||||
|
||||
// Text
|
||||
.theme_tail_with_text {
|
||||
.pace_activity {
|
||||
margin-top: -12px;
|
||||
}
|
||||
|
||||
span {
|
||||
display: block;
|
||||
margin-top: 15px;
|
||||
color: $white;
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Corners theme
|
||||
// ------------------------------
|
||||
|
||||
.theme_corners {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin-top: -(14px / 2);
|
||||
|
||||
// Activity
|
||||
.pace_activity {
|
||||
display: inline-block;
|
||||
background-color: $white;
|
||||
vertical-align: middle;
|
||||
border-radius: 50%;
|
||||
animation: corners ease 1.5s infinite;
|
||||
@include size(14px);
|
||||
}
|
||||
}
|
||||
|
||||
// Animation
|
||||
@keyframes corners {
|
||||
0% { transform: scale(1) rotate(0deg); }
|
||||
50% { border-radius: 0; transform: scale(2) rotate(-180deg); }
|
||||
100% { transform: scale(1) rotate(-360deg); }
|
||||
}
|
||||
|
||||
@-webkit-keyframes corners {
|
||||
0% { -webkit-transform: scale(1) rotate(0deg); }
|
||||
50% { border-radius: 0; -webkit-transform: scale(2) rotate(-180deg); }
|
||||
100% { -webkit-transform: scale(1) rotate(-360deg); }
|
||||
}
|
||||
|
||||
@-moz-keyframes corners {
|
||||
0% { -moz-transform: scale(1) rotate(0deg); }
|
||||
50% { border-radius: 0; -moz-transform: scale(2) rotate(-180deg); }
|
||||
100% { -moz-transform: scale(1) rotate(-360deg); }
|
||||
}
|
||||
|
||||
// Text
|
||||
.theme_corners_with_text {
|
||||
.pace_activity {
|
||||
margin-top: -28px;
|
||||
}
|
||||
|
||||
span {
|
||||
display: block;
|
||||
margin-top: 15px;
|
||||
color: $white;
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Radar theme
|
||||
// ------------------------------
|
||||
|
||||
.theme_radar {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin-top: -15px;
|
||||
|
||||
// Activity
|
||||
.pace_activity {
|
||||
display: inline-block;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
border-radius: 50%;
|
||||
border: 2px solid transparent;
|
||||
border-top-color: $white;
|
||||
border-bottom-color: $white;
|
||||
animation: rotation linear 1.1s infinite;
|
||||
}
|
||||
}
|
||||
|
||||
// Text
|
||||
.theme_radar_with_text {
|
||||
.pace_activity {
|
||||
margin-top: -12px;
|
||||
}
|
||||
|
||||
span {
|
||||
display: block;
|
||||
margin-top: 15px;
|
||||
color: $white;
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Bar theme
|
||||
// ------------------------------
|
||||
|
||||
// Default
|
||||
.theme_bar {
|
||||
position: relative;
|
||||
width: 200px;
|
||||
height: 5px;
|
||||
background-color: rgba($black, 0.4);
|
||||
border-radius: 100px;
|
||||
box-shadow: 0 0 5px rgba($white, 0.1);
|
||||
|
||||
.pace_progress {
|
||||
max-width: 198px;
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: 1px;
|
||||
top: 1px;
|
||||
height: 3px;
|
||||
background: #3FCF96;
|
||||
color: $white;
|
||||
line-height: 36px;
|
||||
border-radius: 100px;
|
||||
}
|
||||
}
|
||||
|
||||
// Large
|
||||
.theme_bar_lg {
|
||||
@extend .theme_bar;
|
||||
height: 6px;
|
||||
|
||||
.pace_progress {
|
||||
height: 4px;
|
||||
}
|
||||
}
|
||||
|
||||
// Small
|
||||
.theme_bar_sm {
|
||||
@extend .theme_bar;
|
||||
height: 4px;
|
||||
|
||||
.pace_progress {
|
||||
height: 2px;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,98 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Pace. Progress bar theme
|
||||
*
|
||||
* Bar css spinner theme for Pace. Default size
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Check if component is enabled
|
||||
@if $enable-pace {
|
||||
|
||||
// Define variables
|
||||
$pace-show-text: true;
|
||||
$pace-overlay-color: $color-slate-900;
|
||||
$pace-loader-color: $color-success-400;
|
||||
$pace-loader-width: 14rem;
|
||||
$pace-loader-height: 0.5rem;
|
||||
$pace-loader-spacer: 0.0625rem;
|
||||
|
||||
|
||||
// Pace theme styles
|
||||
// ------------------------------
|
||||
|
||||
// Overlay
|
||||
.pace-running {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: $pace-overlay-color;
|
||||
|
||||
// Hide all content
|
||||
> *:not(.pace) {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// Base
|
||||
.pace {
|
||||
position: fixed;
|
||||
margin: auto;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
width: $pace-loader-width;
|
||||
height: $pace-loader-height;
|
||||
background-color: rgba($black, 0.4);
|
||||
border-radius: $border-radius-round;
|
||||
background-clip: padding-box;
|
||||
pointer-events: none;
|
||||
user-select: none;
|
||||
z-index: 9999;
|
||||
|
||||
// Change colors on light/dark backgrounds
|
||||
@if (lightness($pace-overlay-color) < 75) {
|
||||
background-color: rgba($black, 0.4);
|
||||
color: $white;
|
||||
}
|
||||
@else {
|
||||
background-color: rgba($black, 0.8);
|
||||
}
|
||||
}
|
||||
|
||||
// Progress
|
||||
.pace-progress {
|
||||
max-width: ($pace-loader-width - ($pace-loader-spacer * 2));
|
||||
z-index: 9999;
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: $pace-loader-spacer;
|
||||
top: $pace-loader-spacer;
|
||||
height: ($pace-loader-height - ($pace-loader-spacer * 2));
|
||||
background-color: $pace-loader-color;
|
||||
font-size: $font-size-sm;
|
||||
border-radius: $border-radius-round;
|
||||
background-clip: padding-box;
|
||||
width: 0;
|
||||
}
|
||||
|
||||
// Hide inactive
|
||||
.pace-inactive {
|
||||
display: none;
|
||||
}
|
||||
|
||||
// Progress text
|
||||
@if $pace-show-text {
|
||||
.pace-progress:after {
|
||||
content: attr(data-progress-text);
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
display: inline-block;
|
||||
white-space: nowrap;
|
||||
margin-top: $pace-loader-height + 0.5rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,98 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Pace. Progress bar theme
|
||||
*
|
||||
* Bar css spinner theme for Pace. Default size
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Check if component is enabled
|
||||
@if $enable-pace {
|
||||
|
||||
// Define variables
|
||||
$pace-show-text: true;
|
||||
$pace-overlay-color: $color-slate-900;
|
||||
$pace-loader-color: $color-success-400;
|
||||
$pace-loader-width: 14rem;
|
||||
$pace-loader-height: 0.25rem;
|
||||
$pace-loader-spacer: 0.0625rem;
|
||||
|
||||
|
||||
// Pace theme styles
|
||||
// ------------------------------
|
||||
|
||||
// Overlay
|
||||
.pace-running {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: $pace-overlay-color;
|
||||
|
||||
// Hide all content
|
||||
> *:not(.pace) {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// Base
|
||||
.pace {
|
||||
position: fixed;
|
||||
margin: auto;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
width: $pace-loader-width;
|
||||
height: $pace-loader-height;
|
||||
background-color: rgba($black, 0.4);
|
||||
border-radius: $border-radius-round;
|
||||
background-clip: padding-box;
|
||||
pointer-events: none;
|
||||
user-select: none;
|
||||
z-index: 9999;
|
||||
|
||||
// Change colors on light/dark backgrounds
|
||||
@if (lightness($pace-overlay-color) < 75) {
|
||||
background-color: rgba($black, 0.4);
|
||||
color: $white;
|
||||
}
|
||||
@else {
|
||||
background-color: rgba($black, 0.8);
|
||||
}
|
||||
}
|
||||
|
||||
// Progress
|
||||
.pace-progress {
|
||||
max-width: ($pace-loader-width - ($pace-loader-spacer * 2));
|
||||
z-index: 9999;
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: $pace-loader-spacer;
|
||||
top: $pace-loader-spacer;
|
||||
height: ($pace-loader-height - ($pace-loader-spacer * 2));
|
||||
background-color: $pace-loader-color;
|
||||
font-size: $font-size-sm;
|
||||
border-radius: $border-radius-round;
|
||||
background-clip: padding-box;
|
||||
width: 0;
|
||||
}
|
||||
|
||||
// Hide inactive
|
||||
.pace-inactive {
|
||||
display: none;
|
||||
}
|
||||
|
||||
// Progress text
|
||||
@if $pace-show-text {
|
||||
.pace-progress:after {
|
||||
content: attr(data-progress-text);
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
display: inline-block;
|
||||
white-space: nowrap;
|
||||
margin-top: $pace-loader-height + 0.5rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,98 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Pace. Progress bar theme
|
||||
*
|
||||
* Bar css spinner theme for Pace. Default size
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Check if component is enabled
|
||||
@if $enable-pace {
|
||||
|
||||
// Define variables
|
||||
$pace-show-text: true;
|
||||
$pace-overlay-color: $color-slate-900;
|
||||
$pace-loader-color: $color-success-400;
|
||||
$pace-loader-width: 14rem;
|
||||
$pace-loader-height: 0.375rem;
|
||||
$pace-loader-spacer: 0.0625rem;
|
||||
|
||||
|
||||
// Pace theme styles
|
||||
// ------------------------------
|
||||
|
||||
// Overlay
|
||||
.pace-running {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: $pace-overlay-color;
|
||||
|
||||
// Hide all content
|
||||
> *:not(.pace) {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// Base
|
||||
.pace {
|
||||
position: fixed;
|
||||
margin: auto;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
width: $pace-loader-width;
|
||||
height: $pace-loader-height;
|
||||
background-color: rgba($black, 0.4);
|
||||
border-radius: $border-radius-round;
|
||||
background-clip: padding-box;
|
||||
pointer-events: none;
|
||||
user-select: none;
|
||||
z-index: 9999;
|
||||
|
||||
// Change colors on light/dark backgrounds
|
||||
@if (lightness($pace-overlay-color) < 75) {
|
||||
background-color: rgba($black, 0.4);
|
||||
color: $white;
|
||||
}
|
||||
@else {
|
||||
background-color: rgba($black, 0.8);
|
||||
}
|
||||
}
|
||||
|
||||
// Progress
|
||||
.pace-progress {
|
||||
max-width: ($pace-loader-width - ($pace-loader-spacer * 2));
|
||||
z-index: 9999;
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: $pace-loader-spacer;
|
||||
top: $pace-loader-spacer;
|
||||
height: ($pace-loader-height - ($pace-loader-spacer * 2));
|
||||
background-color: $pace-loader-color;
|
||||
font-size: $font-size-sm;
|
||||
border-radius: $border-radius-round;
|
||||
background-clip: padding-box;
|
||||
width: 0;
|
||||
}
|
||||
|
||||
// Hide inactive
|
||||
.pace-inactive {
|
||||
display: none;
|
||||
}
|
||||
|
||||
// Progress text
|
||||
@if $pace-show-text {
|
||||
.pace-progress:after {
|
||||
content: attr(data-progress-text);
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
display: inline-block;
|
||||
white-space: nowrap;
|
||||
margin-top: $pace-loader-height + 0.5rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,108 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Pace. Corners theme
|
||||
*
|
||||
* Corners css spinner theme for Pace.
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Check if component is enabled
|
||||
@if $enable-pace {
|
||||
|
||||
// Define variables
|
||||
$pace-show-text: true;
|
||||
$pace-overlay-color: $color-slate-900;
|
||||
$pace-loader-color: $white;
|
||||
$pace-loader-size-max: 1.625rem;
|
||||
$pace-loader-size-min: ($pace-loader-size-max / 2);
|
||||
|
||||
|
||||
// Pace theme styles
|
||||
// ------------------------------
|
||||
|
||||
// Overlay
|
||||
.pace-running {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: $pace-overlay-color;
|
||||
|
||||
// Hide all content
|
||||
> *:not(.pace) {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// Base
|
||||
.pace {
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin-top: -($pace-loader-size-max / 2);
|
||||
z-index: 9999;
|
||||
user-select: none;
|
||||
pointer-events: none;
|
||||
|
||||
// Change colors on light/dark backgrounds
|
||||
@if (lightness($pace-overlay-color) < 75) {
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
|
||||
// Progress
|
||||
.pace-progress {
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
// Activity
|
||||
.pace-activity {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin: auto;
|
||||
background-color: $pace-loader-color;
|
||||
border-radius: $border-radius-circle;
|
||||
animation: corners 1.5s ease infinite;
|
||||
@include size($pace-loader-size-min);
|
||||
}
|
||||
|
||||
// Hide inactive
|
||||
.pace-inactive {
|
||||
display: none;
|
||||
}
|
||||
|
||||
// Progress text
|
||||
@if $pace-show-text {
|
||||
.pace-progress:after {
|
||||
content: attr(data-progress-text);
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
display: inline-block;
|
||||
white-space: nowrap;
|
||||
margin-top: $pace-loader-size-max + ($spacer / 1.5);
|
||||
}
|
||||
}
|
||||
|
||||
// Animation
|
||||
@keyframes corners {
|
||||
0% { transform: scale(1) rotate(0deg); }
|
||||
50% { border-radius: 0; transform: scale($pace-loader-size-max / $pace-loader-size-min) rotate(-180deg); }
|
||||
100% { transform: scale(1) rotate(-360deg); }
|
||||
}
|
||||
|
||||
@-webkit-keyframes corners {
|
||||
0% { -webkit-transform: scale(1) rotate(0deg); }
|
||||
50% { border-radius: 0; -webkit-transform: scale($pace-loader-size-max / $pace-loader-size-min) rotate(-180deg); }
|
||||
100% { -webkit-transform: scale(1) rotate(-360deg); }
|
||||
}
|
||||
|
||||
@-moz-keyframes corners {
|
||||
0% { -moz-transform: scale(1) rotate(0deg); }
|
||||
50% { border-radius: 0; -moz-transform: scale($pace-loader-size-max / $pace-loader-size-min) rotate(-180deg); }
|
||||
100% { -moz-transform: scale(1) rotate(-360deg); }
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,41 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Pace. Default theme
|
||||
*
|
||||
* Minimal preloader theme, used as a default theme
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Check if component is enabled
|
||||
@if $enable-pace {
|
||||
|
||||
// Define variables
|
||||
$pace-loader-color: $color-blue-300;
|
||||
$pace-loader-height: 0.125rem;
|
||||
|
||||
|
||||
// Pace theme styles
|
||||
// ------------------------------
|
||||
|
||||
// Base
|
||||
.pace {
|
||||
pointer-events: none;
|
||||
user-select: none;
|
||||
|
||||
// Progress
|
||||
.pace-progress {
|
||||
background: $pace-loader-color;
|
||||
position: fixed;
|
||||
z-index: 2000;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 0;
|
||||
height: $pace-loader-height;
|
||||
}
|
||||
}
|
||||
|
||||
// Hide when done
|
||||
.pace-inactive {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,107 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Pace. Perspective theme
|
||||
*
|
||||
* Perspective css spinner theme for Pace.
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Check if component is enabled
|
||||
@if $enable-pace {
|
||||
|
||||
// Define variables
|
||||
$pace-show-text: true;
|
||||
$pace-overlay-color: $color-slate-900;
|
||||
$pace-loader-color: $white;
|
||||
$pace-loader-size: 1.5rem;
|
||||
|
||||
|
||||
// Pace theme styles
|
||||
// ------------------------------
|
||||
|
||||
// Overlay
|
||||
.pace-running {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: $pace-overlay-color;
|
||||
|
||||
// Hide all content
|
||||
> *:not(.pace) {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// Base
|
||||
.pace {
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin-top: -($pace-loader-size / 2);
|
||||
pointer-events: none;
|
||||
user-select: none;
|
||||
z-index: 9999;
|
||||
|
||||
// Change colors on light/dark backgrounds
|
||||
@if (lightness($pace-overlay-color) < 75) {
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
|
||||
// Progress
|
||||
.pace-progress {
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
// Activity
|
||||
.pace-activity {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin: auto;
|
||||
background-color: $pace-loader-color;
|
||||
animation: perspective 1.2s infinite ease-in-out;
|
||||
@include size($pace-loader-size);
|
||||
@include border-radius($border-radius-sm);
|
||||
}
|
||||
|
||||
// Hide inactive
|
||||
.pace-inactive {
|
||||
display: none;
|
||||
}
|
||||
|
||||
// Progress text
|
||||
@if $pace-show-text {
|
||||
.pace-progress:after {
|
||||
content: attr(data-progress-text);
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
display: inline-block;
|
||||
white-space: nowrap;
|
||||
margin-top: $pace-loader-size + ($spacer / 1.5);
|
||||
}
|
||||
}
|
||||
|
||||
// Animations
|
||||
@keyframes perspective {
|
||||
0% { transform: perspective(7.5rem); }
|
||||
50% { transform: perspective(7.5rem) rotateY(180deg); }
|
||||
100% { transform: perspective(7.5rem) rotateY(180deg) rotateX(180deg); }
|
||||
}
|
||||
|
||||
@-webkit-keyframes perspective {
|
||||
0% { -webkit-transform: perspective(7.5rem); }
|
||||
50% { -webkit-transform: perspective(7.5rem) rotateY(180deg); }
|
||||
100% { -webkit-transform: perspective(7.5rem) rotateY(180deg) rotateX(180deg); }
|
||||
}
|
||||
|
||||
@-moz-keyframes perspective {
|
||||
0% { -moz-transform: perspective(7.5rem); }
|
||||
50% { -moz-transform: perspective(7.5rem) rotateY(180deg); }
|
||||
100% { -moz-transform: perspective(7.5rem) rotateY(180deg) rotateX(180deg); }
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,91 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Pace. Radar theme
|
||||
*
|
||||
* Radar css spinner theme for Pace.
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Check if component is enabled
|
||||
@if $enable-pace {
|
||||
|
||||
// Define variables
|
||||
$pace-show-text: true;
|
||||
$pace-overlay-color: $color-slate-900;
|
||||
$pace-loader-color: $white;
|
||||
$pace-loader-size: 1.875rem;
|
||||
$pace-loader-border-width: 0.125rem;
|
||||
|
||||
|
||||
// Pace theme styles
|
||||
// ------------------------------
|
||||
|
||||
// Overlay
|
||||
.pace-running {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: $pace-overlay-color;
|
||||
|
||||
// Hide all content
|
||||
> *:not(.pace) {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// Base
|
||||
.pace {
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin-top: -($pace-loader-size / 2);
|
||||
z-index: 9999;
|
||||
user-select: none;
|
||||
pointer-events: none;
|
||||
|
||||
// Change colors on light/dark backgrounds
|
||||
@if (lightness($pace-overlay-color) < 75) {
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
|
||||
// Progress
|
||||
.pace-progress {
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
// Activity
|
||||
.pace-activity {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin: auto;
|
||||
border: $pace-loader-border-width solid transparent;
|
||||
border-top-color: $pace-loader-color;
|
||||
border-bottom-color: $pace-loader-color;
|
||||
border-radius: 50%;
|
||||
animation: rotation 1.1s infinite linear;
|
||||
@include size($pace-loader-size);
|
||||
}
|
||||
|
||||
// Hide inactive
|
||||
.pace-inactive {
|
||||
display: none;
|
||||
}
|
||||
|
||||
// Progress text
|
||||
@if $pace-show-text {
|
||||
.pace-progress:after {
|
||||
content: attr(data-progress-text);
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
display: inline-block;
|
||||
white-space: nowrap;
|
||||
margin-top: $pace-loader-size + ($spacer / 1.5);
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,106 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Pace. Squares theme
|
||||
*
|
||||
* Squares css spinner theme for Pace.
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Check if component is enabled
|
||||
@if $enable-pace {
|
||||
|
||||
// Define variables
|
||||
$pace-show-text: true;
|
||||
$pace-overlay-color: $color-slate-900;
|
||||
$pace-loader-color: $white;
|
||||
$pace-loader-size: 1.875rem;
|
||||
$pace-loader-border-width: 0.125rem;
|
||||
$pace-loader-border-spacer: ($pace-loader-border-width + 0.5rem);
|
||||
|
||||
|
||||
// Pace theme styles
|
||||
// ------------------------------
|
||||
|
||||
// Overlay
|
||||
.pace-running {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: $pace-overlay-color;
|
||||
|
||||
// Hide all content
|
||||
> *:not(.pace) {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// Base
|
||||
.pace {
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin-top: -($pace-loader-size / 2);
|
||||
z-index: 9999;
|
||||
user-select: none;
|
||||
pointer-events: none;
|
||||
|
||||
// Change colors on light/dark backgrounds
|
||||
@if (lightness($pace-overlay-color) < 75) {
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
|
||||
// Progress
|
||||
.pace-progress {
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
// Activity
|
||||
.pace-activity {
|
||||
|
||||
// Squares
|
||||
&:before,
|
||||
&:after {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin: auto;
|
||||
content: "";
|
||||
border: $pace-loader-border-width solid $pace-loader-color;
|
||||
}
|
||||
|
||||
// Big
|
||||
&:before {
|
||||
animation: rotation_reverse 2s linear infinite;
|
||||
@include size($pace-loader-size);
|
||||
}
|
||||
|
||||
// Small
|
||||
&:after {
|
||||
top: ($pace-loader-border-spacer / 2);
|
||||
animation: rotation 2s linear infinite;
|
||||
@include size($pace-loader-size - $pace-loader-border-spacer);
|
||||
}
|
||||
}
|
||||
|
||||
// Hide inactive
|
||||
.pace-inactive {
|
||||
display: none;
|
||||
}
|
||||
|
||||
// Progress text
|
||||
@if $pace-show-text {
|
||||
.pace-progress:after {
|
||||
content: attr(data-progress-text);
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
display: inline-block;
|
||||
white-space: nowrap;
|
||||
margin-top: $pace-loader-size + ($spacer / 1.5);
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,90 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Pace. Tail theme
|
||||
*
|
||||
* Tail css spinner theme for Pace.
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Check if component is enabled
|
||||
@if $enable-pace {
|
||||
|
||||
// Define variables
|
||||
$pace-show-text: true;
|
||||
$pace-overlay-color: $color-slate-900;
|
||||
$pace-loader-color: $white;
|
||||
$pace-loader-size: 2.25rem;
|
||||
$pace-loader-border-width: 0.1875rem;
|
||||
|
||||
|
||||
// Pace theme styles
|
||||
// ------------------------------
|
||||
|
||||
// Overlay
|
||||
.pace-running {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: $pace-overlay-color;
|
||||
|
||||
// Hide all content
|
||||
> *:not(.pace) {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// Base
|
||||
.pace {
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin-top: -($pace-loader-size / 2);
|
||||
z-index: 9999;
|
||||
user-select: none;
|
||||
pointer-events: none;
|
||||
|
||||
// Change colors on light/dark backgrounds
|
||||
@if (lightness($pace-overlay-color) < 75) {
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
|
||||
// Progress
|
||||
.pace-progress {
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
// Activity
|
||||
.pace-activity {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin: auto;
|
||||
border: $pace-loader-border-width solid rgba($black, 0.15);
|
||||
border-left-color: $pace-loader-color;
|
||||
border-radius: 50%;
|
||||
animation: rotation 1.1s infinite linear;
|
||||
@include size($pace-loader-size);
|
||||
}
|
||||
|
||||
// Hide inactive
|
||||
.pace-inactive {
|
||||
display: none;
|
||||
}
|
||||
|
||||
// Progress text
|
||||
@if $pace-show-text {
|
||||
.pace-progress:after {
|
||||
content: attr(data-progress-text);
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
display: inline-block;
|
||||
white-space: nowrap;
|
||||
margin-top: $pace-loader-size + ($spacer / 1.5);
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,90 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Pace. Tail theme
|
||||
*
|
||||
* Tail css spinner theme for Pace.
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Check if component is enabled
|
||||
@if $enable-pace {
|
||||
|
||||
// Define variables
|
||||
$pace-show-text: true;
|
||||
$pace-overlay-color: $color-slate-900;
|
||||
$pace-loader-color: $white;
|
||||
$pace-loader-size: 2.25rem;
|
||||
$pace-loader-border-width: 0.1875rem;
|
||||
|
||||
|
||||
// Pace theme styles
|
||||
// ------------------------------
|
||||
|
||||
// Overlay
|
||||
.pace-running {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: $pace-overlay-color;
|
||||
|
||||
// Hide all content
|
||||
> *:not(.pace) {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// Base
|
||||
.pace {
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin-top: -($pace-loader-size / 2);
|
||||
z-index: 9999;
|
||||
user-select: none;
|
||||
pointer-events: none;
|
||||
|
||||
// Change colors on light/dark backgrounds
|
||||
@if (lightness($pace-overlay-color) < 75) {
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
|
||||
// Progress
|
||||
.pace-progress {
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
// Activity
|
||||
.pace-activity {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin: auto;
|
||||
border: $pace-loader-border-width solid transparent;
|
||||
border-left-color: $pace-loader-color;
|
||||
border-radius: 50%;
|
||||
animation: rotation 1.1s infinite linear;
|
||||
@include size($pace-loader-size);
|
||||
}
|
||||
|
||||
// Hide inactive
|
||||
.pace-inactive {
|
||||
display: none;
|
||||
}
|
||||
|
||||
// Progress text
|
||||
@if $pace-show-text {
|
||||
.pace-progress:after {
|
||||
content: attr(data-progress-text);
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
display: inline-block;
|
||||
white-space: nowrap;
|
||||
margin-top: $pace-loader-size + ($spacer / 1.5);
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,117 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Pace. Xbox theme
|
||||
*
|
||||
* Xbox css spinner theme for Pace. Default size
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Check if component is enabled
|
||||
@if $enable-pace {
|
||||
|
||||
// Define variables
|
||||
$pace-show-text: true;
|
||||
$pace-overlay-color: $color-slate-900;
|
||||
$pace-loader-color: $white;
|
||||
$pace-loader-size: 2.75rem;
|
||||
$pace-loader-border-width: 0.1875rem;
|
||||
$pace-loader-border-spacer: 0.3125rem;
|
||||
|
||||
|
||||
// Pace theme styles
|
||||
// ------------------------------
|
||||
|
||||
// Overlay
|
||||
.pace-running {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: $pace-overlay-color;
|
||||
|
||||
// Hide all content
|
||||
> *:not(.pace) {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// Base
|
||||
.pace {
|
||||
position: fixed;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
margin-left: -($pace-loader-size / 2);
|
||||
margin-top: -($pace-loader-size / 2);
|
||||
z-index: 9999;
|
||||
user-select: none;
|
||||
pointer-events: none;
|
||||
@include size($pace-loader-size);
|
||||
|
||||
// Change colors on light/dark backgrounds
|
||||
@if (lightness($pace-overlay-color) < 75) {
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
|
||||
// Progress
|
||||
.pace-progress {
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
// Activity
|
||||
.pace-activity {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
// left: 0;
|
||||
animation: rotation 1.5s ease-in-out infinite;
|
||||
@include size($pace-loader-size);
|
||||
|
||||
// Circles
|
||||
&,
|
||||
&:before,
|
||||
&:after {
|
||||
border: $pace-loader-border-width solid transparent;
|
||||
border-top-color: $pace-loader-color;
|
||||
border-radius: $border-radius-circle;
|
||||
}
|
||||
|
||||
&:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: -($pace-loader-border-spacer + ($pace-loader-border-width * 2));
|
||||
left: -($pace-loader-border-spacer + ($pace-loader-border-width * 2));
|
||||
right: -($pace-loader-border-spacer + ($pace-loader-border-width * 2));
|
||||
bottom: -($pace-loader-border-spacer + ($pace-loader-border-width * 2));
|
||||
animation: rotation 2s ease-in-out infinite;
|
||||
}
|
||||
|
||||
&:after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: $pace-loader-border-spacer;
|
||||
left: $pace-loader-border-spacer;
|
||||
right: $pace-loader-border-spacer;
|
||||
bottom: $pace-loader-border-spacer;
|
||||
animation: rotation 1s ease-in-out infinite;
|
||||
}
|
||||
}
|
||||
|
||||
// Hide inactive
|
||||
.pace-inactive {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
// Progress text
|
||||
@if $pace-show-text {
|
||||
.pace-progress:after {
|
||||
content: attr(data-progress-text);
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
display: inline-block;
|
||||
white-space: nowrap;
|
||||
margin-top: ($pace-loader-size + $pace-loader-border-width + $pace-loader-border-spacer + ($spacer / 1.5));
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,116 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Pace. Xbox theme
|
||||
*
|
||||
* Xbox css spinner theme for Pace. Default size
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Check if component is enabled
|
||||
@if $enable-pace {
|
||||
|
||||
// Define variables
|
||||
$pace-show-text: true;
|
||||
$pace-overlay-color: $color-slate-900;
|
||||
$pace-loader-color: $white;
|
||||
$pace-loader-size: 2.75rem;
|
||||
$pace-loader-border-width: 0.0625rem;
|
||||
$pace-loader-border-spacer: 0.3125rem;
|
||||
|
||||
|
||||
// Pace theme styles
|
||||
// ------------------------------
|
||||
|
||||
// Overlay
|
||||
.pace-running {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: $pace-overlay-color;
|
||||
|
||||
// Hide all content
|
||||
> *:not(.pace) {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// Base
|
||||
.pace {
|
||||
position: fixed;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
margin-left: -($pace-loader-size / 2);
|
||||
margin-top: -($pace-loader-size / 2);
|
||||
z-index: 9999;
|
||||
user-select: none;
|
||||
pointer-events: none;
|
||||
@include size($pace-loader-size);
|
||||
|
||||
// Change colors on light/dark backgrounds
|
||||
@if (lightness($pace-overlay-color) < 75) {
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
|
||||
// Progress
|
||||
.pace-progress {
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
// Activity
|
||||
.pace-activity {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
// left: 0;
|
||||
animation: rotation 1.5s ease-in-out infinite;
|
||||
@include size($pace-loader-size);
|
||||
|
||||
// Circles
|
||||
&,
|
||||
&:before,
|
||||
&:after {
|
||||
border: $pace-loader-border-width solid transparent;
|
||||
border-top-color: $pace-loader-color;
|
||||
border-radius: $border-radius-circle;
|
||||
}
|
||||
|
||||
&:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: -($pace-loader-border-spacer + ($pace-loader-border-width * 2));
|
||||
left: -($pace-loader-border-spacer + ($pace-loader-border-width * 2));
|
||||
right: -($pace-loader-border-spacer + ($pace-loader-border-width * 2));
|
||||
bottom: -($pace-loader-border-spacer + ($pace-loader-border-width * 2));
|
||||
animation: rotation 2s ease-in-out infinite;
|
||||
}
|
||||
|
||||
&:after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: $pace-loader-border-spacer;
|
||||
left: $pace-loader-border-spacer;
|
||||
right: $pace-loader-border-spacer;
|
||||
bottom: $pace-loader-border-spacer;
|
||||
animation: rotation 1s ease-in-out infinite;
|
||||
}
|
||||
}
|
||||
|
||||
// Hide inactive
|
||||
.pace-inactive {
|
||||
display: none;
|
||||
}
|
||||
|
||||
// Progress text
|
||||
@if $pace-show-text {
|
||||
.pace-progress:after {
|
||||
content: attr(data-progress-text);
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
display: inline-block;
|
||||
white-space: nowrap;
|
||||
margin-top: ($pace-loader-size + $pace-loader-border-width + $pace-loader-border-spacer + ($spacer / 1.5));
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,116 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Pace. Xbox theme
|
||||
*
|
||||
* Xbox css spinner theme for Pace. Default size
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Check if component is enabled
|
||||
@if $enable-pace {
|
||||
|
||||
// Define variables
|
||||
$pace-show-text: true;
|
||||
$pace-overlay-color: $color-slate-900;
|
||||
$pace-loader-color: $white;
|
||||
$pace-loader-size: 2.75rem;
|
||||
$pace-loader-border-width: 0.125rem;
|
||||
$pace-loader-border-spacer: 0.3125rem;
|
||||
|
||||
|
||||
// Pace theme styles
|
||||
// ------------------------------
|
||||
|
||||
// Overlay
|
||||
.pace-running {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: $pace-overlay-color;
|
||||
|
||||
// Hide all content
|
||||
> *:not(.pace) {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// Base
|
||||
.pace {
|
||||
position: fixed;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
margin-left: -($pace-loader-size / 2);
|
||||
margin-top: -($pace-loader-size / 2);
|
||||
z-index: 9999;
|
||||
user-select: none;
|
||||
pointer-events: none;
|
||||
@include size($pace-loader-size);
|
||||
|
||||
// Change colors on light/dark backgrounds
|
||||
@if (lightness($pace-overlay-color) < 75) {
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
|
||||
// Progress
|
||||
.pace-progress {
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
// Activity
|
||||
.pace-activity {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
// left: 0;
|
||||
animation: rotation 1.5s ease-in-out infinite;
|
||||
@include size($pace-loader-size);
|
||||
|
||||
// Circles
|
||||
&,
|
||||
&:before,
|
||||
&:after {
|
||||
border: $pace-loader-border-width solid transparent;
|
||||
border-top-color: $pace-loader-color;
|
||||
border-radius: $border-radius-circle;
|
||||
}
|
||||
|
||||
&:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: -($pace-loader-border-spacer + ($pace-loader-border-width * 2));
|
||||
left: -($pace-loader-border-spacer + ($pace-loader-border-width * 2));
|
||||
right: -($pace-loader-border-spacer + ($pace-loader-border-width * 2));
|
||||
bottom: -($pace-loader-border-spacer + ($pace-loader-border-width * 2));
|
||||
animation: rotation 2s ease-in-out infinite;
|
||||
}
|
||||
|
||||
&:after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: $pace-loader-border-spacer;
|
||||
left: $pace-loader-border-spacer;
|
||||
right: $pace-loader-border-spacer;
|
||||
bottom: $pace-loader-border-spacer;
|
||||
animation: rotation 1s ease-in-out infinite;
|
||||
}
|
||||
}
|
||||
|
||||
// Hide inactive
|
||||
.pace-inactive {
|
||||
display: none;
|
||||
}
|
||||
|
||||
// Progress text
|
||||
@if $pace-show-text {
|
||||
.pace-progress:after {
|
||||
content: attr(data-progress-text);
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
display: inline-block;
|
||||
white-space: nowrap;
|
||||
margin-top: ($pace-loader-size + $pace-loader-border-width + $pace-loader-border-spacer + ($spacer / 1.5));
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,63 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Blog layouts
|
||||
*
|
||||
* Blog layouts with various blog layouts
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Check if component is enabled
|
||||
@if $enable-blog {
|
||||
|
||||
// Horizontal layout
|
||||
.blog-horizontal {
|
||||
|
||||
// Stick thumb to the left and give it fixed width
|
||||
.card-img-actions {
|
||||
width: 100%;
|
||||
|
||||
// Desktop size
|
||||
@include media-breakpoint-up(sm) {
|
||||
width: 45%;
|
||||
float: left;
|
||||
max-width: $blog-horizontal-img-max-width;
|
||||
z-index: 10;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// Media sizing
|
||||
//
|
||||
|
||||
// Mini
|
||||
.blog-horizontal-xs {
|
||||
.card-img-actions {
|
||||
@include media-breakpoint-up(sm) {
|
||||
width: 35%;
|
||||
max-width: $blog-horizontal-img-max-width-xs;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Medium
|
||||
.blog-horizontal-sm {
|
||||
.card-img-actions {
|
||||
@include media-breakpoint-up(sm) {
|
||||
width: 40%;
|
||||
max-width: $blog-horizontal-img-max-width-sm;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Large
|
||||
.blog-horizontal-lg {
|
||||
.card-img-actions {
|
||||
@include media-breakpoint-up(sm) {
|
||||
width: 50%;
|
||||
max-width: $blog-horizontal-img-max-width-lg;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,119 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Chat layouts
|
||||
*
|
||||
* Conversation chat styles - layouts, chat elements, colors, options
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Check if component is enabled
|
||||
@if $enable-chat {
|
||||
|
||||
// Set scrollbar to the long chat list
|
||||
.media-chat-scrollable {
|
||||
max-height: $chat-list-max-height;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
// Message list
|
||||
.media-chat {
|
||||
|
||||
// Set side spacing for message bodies
|
||||
@include media-breakpoint-up(sm) {
|
||||
.media {
|
||||
margin-right: 20%;
|
||||
|
||||
// Reversed item
|
||||
&.media-chat-item-reverse {
|
||||
margin-right: 0;
|
||||
margin-left: 20%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Message body
|
||||
.media-chat-item {
|
||||
position: relative;
|
||||
padding: $chat-message-padding-y $chat-message-padding-x;
|
||||
width: auto;
|
||||
display: inline-block;
|
||||
color: $chat-message-color;
|
||||
@include border-radius($chat-message-border-radius);
|
||||
|
||||
// Set default bg color
|
||||
&:not([class*=bg-]) {
|
||||
background-color: $chat-message-bg;
|
||||
border-color: $chat-message-bg;
|
||||
}
|
||||
|
||||
// Arrow base
|
||||
&:before {
|
||||
content: '';
|
||||
left: -($chat-message-arrow-size);
|
||||
top: ($chat-message-padding-y + ($line-height-computed / 2) - rem-calc($chat-message-arrow-size));
|
||||
position: absolute;
|
||||
margin-left: 0;
|
||||
border-top: $chat-message-arrow-size solid transparent;
|
||||
border-right: $chat-message-arrow-size solid;
|
||||
border-right-color: inherit;
|
||||
border-bottom: $chat-message-arrow-size solid transparent;
|
||||
|
||||
// Reversed arrow
|
||||
.media-chat-item-reverse & {
|
||||
left: auto;
|
||||
right: -($chat-message-arrow-size);
|
||||
border-right: 0;
|
||||
border-left: $chat-message-arrow-size solid;
|
||||
border-left-color: inherit;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Reversed message body
|
||||
.media-chat-item-reverse {
|
||||
|
||||
// Message
|
||||
.media-chat-item {
|
||||
text-align: left;
|
||||
color: $chat-message-reversed-color;
|
||||
|
||||
// Set default bg color
|
||||
&:not([class*=bg-]) {
|
||||
background-color: $chat-message-reversed-bg;
|
||||
border-color: $chat-message-reversed-bg;
|
||||
}
|
||||
}
|
||||
|
||||
// Change text alignment
|
||||
.media-body {
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
|
||||
// Inversed message list
|
||||
.media-chat-inverse {
|
||||
.media-chat-item {
|
||||
color: $chat-message-reversed-color;
|
||||
|
||||
// Colors
|
||||
&:not([class*=bg-]) {
|
||||
background-color: $chat-message-reversed-bg;
|
||||
border-color: $chat-message-reversed-bg;
|
||||
}
|
||||
}
|
||||
|
||||
// Reversed message
|
||||
.media-chat-item-reverse {
|
||||
.media-chat-item {
|
||||
color: $chat-message-color;
|
||||
|
||||
// Colors
|
||||
&:not([class*=bg-]) {
|
||||
background-color: $chat-message-bg;
|
||||
border-color: $chat-message-bg;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,91 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Ecommerce stuff
|
||||
*
|
||||
* Styles for Ecommerce set of pages
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Check if component is enabled
|
||||
@if $enable-ecommerce {
|
||||
|
||||
|
||||
//
|
||||
// Elements
|
||||
//
|
||||
|
||||
// Sidebar color selector
|
||||
.color-selector-active {
|
||||
position: relative;
|
||||
|
||||
// Checkmark icon
|
||||
i {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin-top: -($icon-font-size / 2);
|
||||
margin-left: -($icon-font-size / 2);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// Pricing tables
|
||||
//
|
||||
|
||||
// Price label
|
||||
.pricing-table-price {
|
||||
font-size: $pricing-title-font-size;
|
||||
|
||||
// Currency sign
|
||||
> span {
|
||||
font-size: $pricing-subtitle-font-size;
|
||||
}
|
||||
}
|
||||
|
||||
// Stacked list of features
|
||||
.pricing-table-list {
|
||||
li {
|
||||
padding-top: $pricing-list-item-padding-y;
|
||||
padding-bottom: $pricing-list-item-padding-y;
|
||||
border-bottom: $pricing-list-item-border-width solid $pricing-list-item-border-color;
|
||||
|
||||
// Change border color in dark cards
|
||||
.card[class*=bg-]:not(.bg-transparent):not(.bg-white):not(.bg-light) & {
|
||||
border-bottom-color: rgba($white, 0.2);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// Ribbons
|
||||
//
|
||||
|
||||
// Container
|
||||
.ribbon-container {
|
||||
width: 6.5rem;
|
||||
height: 6.625rem;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
top: -($card-border-width);
|
||||
right: -($card-border-width);
|
||||
}
|
||||
|
||||
// Corner ribbon
|
||||
.ribbon {
|
||||
text-align: center;
|
||||
font-size: $font-size-sm;
|
||||
line-height: $line-height-sm;
|
||||
font-weight: $font-weight-semibold;
|
||||
text-transform: uppercase;
|
||||
position: relative;
|
||||
padding: 0.3125rem 0;
|
||||
left: -0.6875rem;
|
||||
top: 1.563rem;
|
||||
width: 9.375rem;
|
||||
z-index: 10;
|
||||
transform: rotate(45deg);
|
||||
@include box-shadow($pricing-ribbon-box-shadow);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,49 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Error pages
|
||||
*
|
||||
* Styles for error and offline pages
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Check if component is enabled
|
||||
@if $enable-error {
|
||||
|
||||
// Default title
|
||||
.error-title {
|
||||
color: $error-title-color;
|
||||
font-size: $error-title-font-size-sm;
|
||||
line-height: 1;
|
||||
margin-bottom: ($spacer * 2);
|
||||
font-weight: $font-weight-light;
|
||||
text-stroke: 1px transparent;
|
||||
display: block;
|
||||
text-shadow: 0 1px 0 #ccc,
|
||||
0 2px 0 #c9c9c9,
|
||||
0 3px 0 #bbb,
|
||||
0 4px 0 #b9b9b9,
|
||||
0 5px 0 #aaa,
|
||||
0 6px 1px rgba($black, 0.1),
|
||||
0 0 5px rgba($black, 0.1),
|
||||
0 1px 3px rgba($black, 0.3),
|
||||
0 3px 5px rgba($black, 0.2),
|
||||
0 5px 10px rgba($black, 0.25),
|
||||
0 10px 10px rgba($black, 0.2),
|
||||
0 20px 20px rgba($black, 0.15);
|
||||
|
||||
// Use bigger font size on desktop
|
||||
@include media-breakpoint-up(sm) {
|
||||
font-size: $error-title-font-size;
|
||||
}
|
||||
}
|
||||
|
||||
// Title in offline page
|
||||
.offline-title {
|
||||
font-size: $error-offline-title-font-size-sm;
|
||||
|
||||
// Use bigger font size on desktop
|
||||
@include media-breakpoint-up(sm) {
|
||||
font-size: $error-offline-title-font-size;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,86 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Mail list
|
||||
*
|
||||
* Inbox page - list, read and write
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Check if component is enabled
|
||||
@if $enable-inbox {
|
||||
|
||||
// Base
|
||||
.table-inbox {
|
||||
table-layout: fixed;
|
||||
min-width: map-get($grid-breakpoints, "md");
|
||||
|
||||
// Rows and cells
|
||||
tr {
|
||||
cursor: pointer;
|
||||
@include transition(all ease-in-out $component-transition-timer);
|
||||
|
||||
// Read message background color
|
||||
&:not([class*=alpha-]):not([class*=bg-]) {
|
||||
background-color: $inbox-read-row-bg;
|
||||
}
|
||||
|
||||
// Remove left padding in all cells except first
|
||||
td {
|
||||
&:not(:first-child) {
|
||||
padding-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// New mail
|
||||
&.unread {
|
||||
font-weight: $font-weight-bold;
|
||||
|
||||
// Unread message background color
|
||||
&:not([class*=alpha-]):not([class*=bg-]) {
|
||||
background-color: $inbox-unread-row-bg;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Cell with checkbox
|
||||
.table-inbox-checkbox {
|
||||
width: (($card-spacer-x * 2) + $checkbox-size);
|
||||
}
|
||||
|
||||
// Set fixed width to star and atachment cells
|
||||
.table-inbox-star,
|
||||
.table-inbox-attachment {
|
||||
width: ($card-spacer-x + $icon-font-size);
|
||||
}
|
||||
|
||||
// User image cell
|
||||
.table-inbox-image {
|
||||
width: ($card-spacer-x + ((($line-height-computed - $icon-font-size + $btn-padding-y-sm) - rem-calc($btn-border-width)) * 2) + $icon-font-size);
|
||||
}
|
||||
|
||||
// Sender name
|
||||
.table-inbox-name {
|
||||
width: 11.25rem;
|
||||
}
|
||||
|
||||
// Message subject
|
||||
.table-inbox-subject {
|
||||
@include media-breakpoint-down(sm) {
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
}
|
||||
|
||||
// Message
|
||||
.table-inbox-message {
|
||||
@include text-truncate();
|
||||
}
|
||||
|
||||
// Time cell
|
||||
.table-inbox-time {
|
||||
text-align: right;
|
||||
width: 5rem;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,39 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Login and related forms
|
||||
*
|
||||
* Styles related to user login - logins, registration, password revovery, unlock etc.
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Check if component is enabled
|
||||
@if $enable-login {
|
||||
|
||||
// Cover image
|
||||
.login-cover {
|
||||
background: url(#{$img-path}/login_cover.jpg) no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
// Form
|
||||
.login-form {
|
||||
width: 100%;
|
||||
|
||||
// Tabs
|
||||
.nav-item {
|
||||
@if $enable-rounded {
|
||||
&:first-child .nav-link {
|
||||
border-top-left-radius: $card-inner-border-radius;
|
||||
}
|
||||
&:last-child .nav-link {
|
||||
border-top-right-radius: $card-inner-border-radius;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Set a fixed width for desktop browsers
|
||||
@include media-breakpoint-up(sm) {
|
||||
width: $login-form-width;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,56 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # User profile
|
||||
*
|
||||
* Styles for all user profile layouts
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Check if component is enabled
|
||||
@if $enable-profile {
|
||||
|
||||
// Cover image layout base
|
||||
.profile-cover {
|
||||
position: relative;
|
||||
|
||||
// Cover details
|
||||
.media {
|
||||
position: absolute;
|
||||
left: $card-spacer-x;
|
||||
right: $card-spacer-x;
|
||||
bottom: 50%;
|
||||
transform: translateY(50%);
|
||||
|
||||
// Add shadow to buttons
|
||||
.btn {
|
||||
box-shadow: $profile-cover-element-shadow !important;
|
||||
}
|
||||
|
||||
// Desktop view
|
||||
@include media-breakpoint-up(md) {
|
||||
bottom: $spacer;
|
||||
transform: none;
|
||||
}
|
||||
}
|
||||
|
||||
// Text styles
|
||||
.media-body {
|
||||
text-shadow: $profile-cover-element-shadow;
|
||||
}
|
||||
}
|
||||
|
||||
// Cover image
|
||||
.profile-cover-img {
|
||||
background-position: 50% 50%;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
height: $profile-cover-height;
|
||||
}
|
||||
|
||||
// User thumbnail inside cover
|
||||
.profile-thumb img {
|
||||
border: $profile-thumb-border-width solid $profile-thumb-border-color;
|
||||
box-shadow: $profile-cover-element-shadow;
|
||||
@include size($profile-thumb-size);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,24 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Task manager
|
||||
*
|
||||
* Styles related to task manager - detailed task, list and grid
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Check if component is enabled
|
||||
@if $enable-tasks {
|
||||
|
||||
// Numbers
|
||||
.timer-number {
|
||||
font-size: ($h2-font-size * 2);
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
// Dots between numbers
|
||||
.timer-dots {
|
||||
font-size: ($h2-font-size);
|
||||
padding: ($h2-font-size / 2) 0;
|
||||
line-height: 1;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,417 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Timeline
|
||||
*
|
||||
* Styles for timeline in 3 layouts: left, right and centered
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Check if component is enabled
|
||||
@if $enable-timeline {
|
||||
|
||||
// Base
|
||||
.timeline {
|
||||
position: relative;
|
||||
|
||||
// Dots base
|
||||
&:before,
|
||||
&:after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
margin-left: -($timeline-line-width);
|
||||
background-color: $timeline-line-color;
|
||||
z-index: 1;
|
||||
@include size($timeline-line-width * 2);
|
||||
@include border-radius($border-radius-circle);
|
||||
}
|
||||
|
||||
// Top dot
|
||||
&:before {
|
||||
top: 0;
|
||||
}
|
||||
|
||||
// Bottom dot
|
||||
&:after {
|
||||
bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// Container
|
||||
.timeline-container {
|
||||
position: relative;
|
||||
padding-top: ($spacer / 2);
|
||||
margin-top: -($spacer / 2);
|
||||
padding-bottom: 1px;
|
||||
|
||||
// Vertical line
|
||||
&:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 50%;
|
||||
margin-left: -($timeline-line-width / 2);
|
||||
background-color: $timeline-line-color;
|
||||
height: 100%;
|
||||
width: $timeline-line-width;
|
||||
}
|
||||
}
|
||||
|
||||
// Row
|
||||
.timeline-row {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
// Date
|
||||
.timeline-date {
|
||||
text-align: center;
|
||||
background-color: $body-bg;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
padding-top: $spacer;
|
||||
padding-bottom: $spacer;
|
||||
margin-bottom: $spacer;
|
||||
|
||||
// Dots base
|
||||
&:before,
|
||||
&:after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
margin-left: -($timeline-line-width);
|
||||
background-color: $timeline-line-color;
|
||||
z-index: 1;
|
||||
@include size($timeline-line-width * 2);
|
||||
@include border-radius($border-radius-circle);
|
||||
}
|
||||
|
||||
// Top dot
|
||||
&:before {
|
||||
top: 0;
|
||||
}
|
||||
|
||||
// Bottom dot
|
||||
&:after {
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
// Change bg color to card bg if inside card
|
||||
.card & {
|
||||
background-color: $card-bg;
|
||||
}
|
||||
}
|
||||
|
||||
// Time
|
||||
.timeline-time {
|
||||
text-align: center;
|
||||
padding-top: $spacer;
|
||||
padding-bottom: $spacer;
|
||||
background-color: $body-bg;
|
||||
position: relative;
|
||||
margin-bottom: $spacer;
|
||||
|
||||
// Dots base
|
||||
&:before,
|
||||
&:after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
margin-left: -($timeline-line-width);
|
||||
background-color: $timeline-line-color;
|
||||
@include size($timeline-line-width * 2);
|
||||
@include border-radius($border-radius-circle);
|
||||
}
|
||||
|
||||
// Top dot
|
||||
&:before {
|
||||
top: 0;
|
||||
}
|
||||
|
||||
// Bottom dot
|
||||
&:after {
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
// Change bg color to card bg if inside card
|
||||
.card & {
|
||||
background-color: $card-bg;
|
||||
}
|
||||
|
||||
// Hide dots no desktop
|
||||
@include media-breakpoint-up(md) {
|
||||
&:before,
|
||||
&:after {
|
||||
content: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Icon and image
|
||||
.timeline-icon {
|
||||
margin: 0 auto $spacer auto;
|
||||
background-color: $timeline-icon-bg;
|
||||
border: $timeline-icon-border-width solid $body-bg;
|
||||
@include size($timeline-icon-size);
|
||||
@include border-radius($border-radius-circle);
|
||||
|
||||
// Change border color if it's inside card
|
||||
.card & {
|
||||
border-color: $card-bg;
|
||||
}
|
||||
|
||||
// Icon
|
||||
div {
|
||||
height: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
box-shadow: 0 0 0 $timeline-line-width $timeline-line-color inset;
|
||||
@include border-radius($border-radius-circle);
|
||||
|
||||
// Hide border if icon wrapper has dark color
|
||||
&[class*=bg-]:not(.bg-white):not(.bg-light):not(.bg-transparent) {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
// Icon
|
||||
> i {
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// Image
|
||||
img {
|
||||
@include size($timeline-icon-size - rem-calc($timeline-icon-border-width * 2));
|
||||
@include border-radius($border-radius-circle);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// Responsive config
|
||||
//
|
||||
|
||||
@include media-breakpoint-up(md) {
|
||||
|
||||
|
||||
// Positions
|
||||
// ------------------------------
|
||||
|
||||
// Center layout
|
||||
.timeline-center {
|
||||
|
||||
// Left blocks
|
||||
.timeline-row-left {
|
||||
margin-right: 50%;
|
||||
padding-right: $timeline-icon-size - rem-calc($timeline-icon-border-width);
|
||||
}
|
||||
|
||||
// Right blocks
|
||||
.timeline-row-right {
|
||||
margin-left: 50%;
|
||||
padding-left: $timeline-icon-size - rem-calc($timeline-icon-border-width);
|
||||
}
|
||||
}
|
||||
|
||||
// Left layout
|
||||
.timeline-left {
|
||||
|
||||
// Vertical line
|
||||
.timeline-container:after,
|
||||
&:before,
|
||||
&:after,
|
||||
.timeline-date:before,
|
||||
.timeline-date:after {
|
||||
left: ($timeline-icon-size / 2);
|
||||
}
|
||||
|
||||
// Content padding
|
||||
.timeline-row,
|
||||
.timeline-date {
|
||||
padding-left: ($timeline-icon-size + $timeline-content-padding-x);
|
||||
}
|
||||
}
|
||||
|
||||
// Right layout
|
||||
.timeline-right {
|
||||
|
||||
// Vertical line
|
||||
.timeline-container:after,
|
||||
&:before,
|
||||
&:after,
|
||||
.timeline-date:before,
|
||||
.timeline-date:after {
|
||||
left: auto;
|
||||
right: ($timeline-icon-size / 2);
|
||||
margin-left: 0;
|
||||
margin-right: -($timeline-line-width);
|
||||
}
|
||||
.timeline-container:after {
|
||||
margin-right: -($timeline-line-width / 2);
|
||||
}
|
||||
|
||||
// Content padding
|
||||
.timeline-row,
|
||||
.timeline-date {
|
||||
padding-right: ($timeline-icon-size + $timeline-content-padding-x);
|
||||
}
|
||||
}
|
||||
|
||||
// Reduce date vertical spacing in both
|
||||
.timeline-left .timeline-date,
|
||||
.timeline-right .timeline-date {
|
||||
padding-top: ($spacer / 2);
|
||||
padding-bottom: ($spacer / 2);
|
||||
}
|
||||
|
||||
|
||||
// Icon
|
||||
// ------------------------------
|
||||
|
||||
// Base
|
||||
.timeline-icon {
|
||||
position: absolute;
|
||||
top: ($spacer / 2);
|
||||
|
||||
// Horizontal line base
|
||||
&:after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
margin-top: -($timeline-line-width / 2);
|
||||
height: $timeline-line-width;
|
||||
width: ($timeline-icon-size / 2) - rem-calc($timeline-icon-border-width * 2);
|
||||
background-color: $timeline-line-color;
|
||||
z-index: 1;
|
||||
}
|
||||
}
|
||||
|
||||
// In left layout
|
||||
.timeline-left {
|
||||
.timeline-icon {
|
||||
left: 0;
|
||||
|
||||
// Right line
|
||||
&:after {
|
||||
left: 100%;
|
||||
margin-left: $timeline-icon-border-width;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// In right layout
|
||||
.timeline-right {
|
||||
.timeline-icon {
|
||||
right: 0;
|
||||
|
||||
// Left line
|
||||
&:after {
|
||||
right: 100%;
|
||||
margin-right: $timeline-icon-border-width;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// In centered layout
|
||||
.timeline-center {
|
||||
|
||||
// In left block
|
||||
.timeline-row-left {
|
||||
.timeline-icon {
|
||||
left: 100%;
|
||||
margin-left: -($timeline-icon-size / 2);
|
||||
|
||||
// Left horizontal line
|
||||
&:after {
|
||||
right: 100%;
|
||||
margin-right: $timeline-icon-border-width;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// In right block
|
||||
.timeline-row-right {
|
||||
.timeline-icon {
|
||||
right: 100%;
|
||||
margin-right: -($timeline-icon-size / 2);
|
||||
|
||||
// Right horizontal line
|
||||
&:after {
|
||||
left: 100%;
|
||||
margin-left: $timeline-icon-border-width;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Full width post
|
||||
.timeline-row-full .timeline-icon {
|
||||
position: static;
|
||||
|
||||
// Remove horizontal line
|
||||
&:after {
|
||||
content: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Time
|
||||
// ------------------------------
|
||||
|
||||
.timeline-time {
|
||||
padding: 0;
|
||||
text-align: inherit;
|
||||
background-color: transparent;
|
||||
|
||||
// Hide dots
|
||||
&:before {
|
||||
content: none;
|
||||
}
|
||||
}
|
||||
|
||||
// In left and right layouts
|
||||
.timeline-left,
|
||||
.timeline-right {
|
||||
.timeline-time {
|
||||
padding-top: ($spacer / 2);
|
||||
margin-bottom: $spacer;
|
||||
padding-left: ($timeline-content-padding-x / 2);
|
||||
}
|
||||
}
|
||||
.timeline-right .timeline-time {
|
||||
text-align: right;
|
||||
padding-left: 0;
|
||||
padding-right: ($timeline-content-padding-x / 2);
|
||||
}
|
||||
|
||||
// In center layout
|
||||
.timeline-center {
|
||||
.timeline-time,
|
||||
.timeline-row-full .timeline-time {
|
||||
position: absolute;
|
||||
left: 100%;
|
||||
top: ($spacer / 2) + rem-calc($timeline-icon-border-width);
|
||||
width: 100%;
|
||||
padding-left: $timeline-icon-size - rem-calc($timeline-icon-border-width);
|
||||
}
|
||||
|
||||
// Right aligned post
|
||||
.timeline-row-right,
|
||||
.timeline-row-full {
|
||||
.timeline-time {
|
||||
left: auto;
|
||||
right: 100%;
|
||||
padding-left: 0;
|
||||
padding-right: $timeline-icon-size - rem-calc($timeline-icon-border-width);
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
|
||||
// Full width post
|
||||
.timeline-row-full .timeline-time {
|
||||
right: 50%;
|
||||
top: $timeline-icon-border-width;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,269 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Flash of unstyled content (FOUC)
|
||||
*
|
||||
* CSS fix for FOUC issue, which pops up in latest jQuery version. These styles
|
||||
* are optional, but enabled by default. Feel free to turn them off in configuration.
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Check if component is enabled
|
||||
@if $enable-fouc-fix {
|
||||
|
||||
|
||||
//
|
||||
// Checkboxes and Radios
|
||||
//
|
||||
// for Uniform inputs
|
||||
// requires [data-fouc] data attribute
|
||||
//
|
||||
|
||||
input[type=checkbox][data-fouc],
|
||||
input[type=radio][data-fouc] {
|
||||
visibility: hidden;
|
||||
@include size($checkbox-size);
|
||||
|
||||
// Inside .form-check container
|
||||
.form-check & {
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
// Inline list
|
||||
.form-check-inline:not(.form-check-switchery) & {
|
||||
position: relative;
|
||||
margin-top: (($line-height-computed - $checkbox-size) / 2);
|
||||
margin-right: $form-check-inline-input-margin-x;
|
||||
|
||||
// Right aligned
|
||||
.form-check-inline.form-check-right & {
|
||||
margin-right: 0;
|
||||
margin-left: $form-check-inline-input-margin-x;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// Switchery
|
||||
//
|
||||
// for Switchery inputs
|
||||
// requires wrapper with .form-check-switchery class
|
||||
//
|
||||
|
||||
// Left and right alignment
|
||||
.form-check-switchery {
|
||||
input[data-fouc] {
|
||||
width: ($switchery-size * 2) + rem-calc($switchery-border-width * 2);
|
||||
height: $switchery-size + rem-calc($switchery-border-width * 2);
|
||||
}
|
||||
}
|
||||
|
||||
// Centered
|
||||
.form-check-switchery-double {
|
||||
&.form-check input[data-fouc] {
|
||||
position: static;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// Bootstrap switch
|
||||
//
|
||||
// for Bootstrap switch inputs
|
||||
// requires wrapper with .form-check-switch class
|
||||
//
|
||||
|
||||
.form-check-switch {
|
||||
input {
|
||||
height: $input-height;
|
||||
visibility: hidden;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
|
||||
// Large size
|
||||
&[data-size=large] {
|
||||
height: $input-height-lg;
|
||||
}
|
||||
|
||||
// Small size
|
||||
&[data-size=small] {
|
||||
height: $input-height-sm;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// Text input
|
||||
//
|
||||
// for tags, Uniform etc.
|
||||
// includes optional sizes
|
||||
//
|
||||
|
||||
input {
|
||||
|
||||
// Base
|
||||
&[type=text][data-fouc] {
|
||||
height: $input-height;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
// Large size
|
||||
&[type=text].form-control-lg[data-fouc] {
|
||||
height: $input-height-lg;
|
||||
}
|
||||
|
||||
// Small size
|
||||
&[type=text].form-control-sm[data-fouc] {
|
||||
height: $input-height-sm;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// Selects
|
||||
//
|
||||
// for Select2 and Uniform selects
|
||||
// single and multiple
|
||||
//
|
||||
|
||||
select {
|
||||
|
||||
// Base
|
||||
&[data-fouc]:not([aria-hidden=false]) {
|
||||
height: $input-height;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
// Large size
|
||||
&.form-control-lg[data-fouc]:not([aria-hidden=false]) {
|
||||
height: $input-height-lg;
|
||||
}
|
||||
|
||||
// Small size
|
||||
&.form-control-sm[data-fouc]:not([aria-hidden=false]) {
|
||||
height: $input-height-sm;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// File input
|
||||
//
|
||||
// for Uniform file input
|
||||
// includes optional sizes
|
||||
//
|
||||
|
||||
input {
|
||||
|
||||
// Base
|
||||
&[type=file][data-fouc] {
|
||||
height: $input-height;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
// Large size
|
||||
&[type=file].form-control-lg[data-fouc] {
|
||||
height: $input-height-lg;
|
||||
}
|
||||
|
||||
// Small size
|
||||
&[type=file].form-control-sm[data-fouc] {
|
||||
height: $input-height-sm;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// Form wizard
|
||||
//
|
||||
// for Steps wizard
|
||||
// only hides main container
|
||||
//
|
||||
|
||||
.wizard-form[data-fouc] {
|
||||
opacity: 0;
|
||||
|
||||
// Show wizard
|
||||
&.wizard {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
// Calculate approximate container height
|
||||
&:not(.wizard) {
|
||||
padding-top: ($wizard-step-number-size + ($spacer / 2) + $line-height-computed) + ($spacer * 2);
|
||||
padding-bottom: (($input-padding-y * 2) + $line-height-computed + $spacer + rem-calc($input-border-width * 2));
|
||||
|
||||
// Hide certain elements
|
||||
fieldset:not(:first-of-type),
|
||||
h6 {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// Color picker
|
||||
//
|
||||
// for Spectrum color picker
|
||||
// hard coded height
|
||||
//
|
||||
|
||||
input[type=text].colorpicker-flat-full[data-fouc] {
|
||||
height: 285px;
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// Ace editor
|
||||
//
|
||||
// for code editor containers
|
||||
// only hides main wrapper
|
||||
//
|
||||
|
||||
pre[data-fouc] {
|
||||
&:not(.ace_editor) {
|
||||
height: $pre-scrollable-max-height;
|
||||
}
|
||||
&.ace_editor {
|
||||
visibility: visible;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// Sliders
|
||||
//
|
||||
// for NoUI and ION sliders
|
||||
// both require .noui-pips-height-helper and .ion-height-helper classes
|
||||
//
|
||||
|
||||
|
||||
// NoUI slider
|
||||
.noui-pips-height-helper:not(.noUi-target)[data-fouc] {
|
||||
height: $slider-pips-spacer-y + $line-height-computed + $slider-height;
|
||||
}
|
||||
.noui-pips-height-helper.noui-slider-lg:not(.noUi-target)[data-fouc] {
|
||||
height: $slider-pips-spacer-y + $line-height-computed + $slider-height-lg;
|
||||
}
|
||||
.noui-pips-height-helper.noui-slider-sm:not(.noUi-target)[data-fouc] {
|
||||
height: $slider-pips-spacer-y + $line-height-computed + $slider-height-sm;
|
||||
}
|
||||
.noui-vertical-height-helper:not(.noUi-target)[data-fouc] {
|
||||
display: inline-block;
|
||||
height: $slider-vertical-height;
|
||||
}
|
||||
|
||||
// ION range slider
|
||||
input[type=text].ion-height-helper[data-fouc] {
|
||||
height: $tooltip-arrow-height + ($tooltip-padding-y * 2) + $slider-pips-font-size + ($slider-height * 4);
|
||||
}
|
||||
input[type=text].ion-pips-height-helper[data-fouc] {
|
||||
height: $tooltip-arrow-height + ($tooltip-padding-y * 2) + $slider-pips-font-size + ($slider-height * 7) + $slider-pips-spacer-y;
|
||||
}
|
||||
input[type=text].noui-height-helper:not(.noUi-target)[data-fouc] {
|
||||
height: $slider-height;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,481 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Helper classes
|
||||
*
|
||||
* Custom helper classes used in the template.
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
|
||||
// Content helpers
|
||||
// -------------------------
|
||||
|
||||
// Font size
|
||||
.font-size-lg {
|
||||
font-size: $font-size-lg;
|
||||
}
|
||||
.font-size-base {
|
||||
font-size: $font-size-base;
|
||||
}
|
||||
.font-size-sm {
|
||||
font-size: $font-size-sm;
|
||||
}
|
||||
.font-size-xs {
|
||||
font-size: $font-size-xs;
|
||||
}
|
||||
|
||||
// Line height
|
||||
.line-height-lg {
|
||||
line-height: $line-height-lg;
|
||||
}
|
||||
.line-height-base {
|
||||
line-height: $line-height-base;
|
||||
}
|
||||
.line-height-sm {
|
||||
line-height: $line-height-sm;
|
||||
}
|
||||
.line-height-xs {
|
||||
line-height: $line-height-xs;
|
||||
}
|
||||
.line-height-1 {
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
// Opacity
|
||||
.opacity-75 {
|
||||
opacity: 0.75;
|
||||
}
|
||||
.opacity-50 {
|
||||
opacity: 0.5;
|
||||
}
|
||||
.opacity-25 {
|
||||
opacity: 0.25;
|
||||
}
|
||||
.opacity-0 {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
// Edges
|
||||
.top {
|
||||
&-0 {
|
||||
top: 0;
|
||||
}
|
||||
&-auto {
|
||||
top: auto;
|
||||
}
|
||||
}
|
||||
.bottom {
|
||||
&-0 {
|
||||
bottom: 0;
|
||||
}
|
||||
&-auto {
|
||||
bottom: auto;
|
||||
}
|
||||
}
|
||||
.left {
|
||||
&-0 {
|
||||
left: 0;
|
||||
}
|
||||
&-auto {
|
||||
left: auto;
|
||||
}
|
||||
}
|
||||
.right {
|
||||
&-0 {
|
||||
right: 0;
|
||||
}
|
||||
&-auto {
|
||||
right: auto;
|
||||
}
|
||||
}
|
||||
|
||||
// Cursors
|
||||
.cursor-pointer {
|
||||
cursor: pointer;
|
||||
}
|
||||
.cursor-move {
|
||||
cursor: move;
|
||||
}
|
||||
.cursor-default {
|
||||
cursor: default;
|
||||
}
|
||||
.cursor-disabled {
|
||||
cursor: $cursor-disabled;
|
||||
}
|
||||
|
||||
// Overflow
|
||||
.overflow-hidden {
|
||||
overflow: hidden;
|
||||
}
|
||||
.overflow-visible {
|
||||
overflow: visible;
|
||||
}
|
||||
.overflow-auto {
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
|
||||
|
||||
// Borders
|
||||
// -------------------------
|
||||
|
||||
// Set border width to 0
|
||||
.border-width-0 {
|
||||
border-width: 0;
|
||||
}
|
||||
|
||||
// Vertical borders
|
||||
.border-y-0 {
|
||||
border-top: 0 !important;
|
||||
border-bottom: 0 !important;
|
||||
}
|
||||
|
||||
// Horizontal borders
|
||||
.border-x-0 {
|
||||
border-left: 0 !important;
|
||||
border-right: 0 !important;
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// Border widths
|
||||
//
|
||||
|
||||
// Default border width
|
||||
.border-1 {
|
||||
border: $border-width solid;
|
||||
}
|
||||
.border-top-1 {
|
||||
border-top: $border-width solid;
|
||||
}
|
||||
.border-bottom-1 {
|
||||
border-bottom: $border-width solid;
|
||||
}
|
||||
.border-left-1 {
|
||||
border-left: $border-width solid;
|
||||
}
|
||||
.border-right-1 {
|
||||
border-right: $border-width solid;
|
||||
}
|
||||
.border-y-1 {
|
||||
border-top: $border-width solid;
|
||||
border-bottom: $border-width solid;
|
||||
}
|
||||
.border-x-1 {
|
||||
border-left: $border-width solid;
|
||||
border-right: $border-width solid;
|
||||
}
|
||||
|
||||
// Double border
|
||||
.border-2 {
|
||||
border: ($border-width * 2) solid;
|
||||
}
|
||||
.border-top-2 {
|
||||
border-top: ($border-width * 2) solid;
|
||||
}
|
||||
.border-bottom-2 {
|
||||
border-bottom: ($border-width * 2) solid;
|
||||
}
|
||||
.border-left-2 {
|
||||
border-left: ($border-width * 2) solid;
|
||||
}
|
||||
.border-right-2 {
|
||||
border-right: ($border-width * 2) solid;
|
||||
}
|
||||
.border-y-2 {
|
||||
border-top: ($border-width * 2) solid;
|
||||
border-bottom: ($border-width * 2) solid;
|
||||
}
|
||||
.border-x-2 {
|
||||
border-left: ($border-width * 2) solid;
|
||||
border-right: ($border-width * 2) solid;
|
||||
}
|
||||
|
||||
// Tripple border
|
||||
.border-3 {
|
||||
border: ($border-width * 3) solid;
|
||||
}
|
||||
.border-top-3 {
|
||||
border-top: ($border-width * 3) solid;
|
||||
}
|
||||
.border-bottom-3 {
|
||||
border-bottom: ($border-width * 3) solid;
|
||||
}
|
||||
.border-left-3 {
|
||||
border-left: ($border-width * 3) solid;
|
||||
}
|
||||
.border-right-3 {
|
||||
border-right: ($border-width * 3) solid;
|
||||
}
|
||||
.border-y-3 {
|
||||
border-top: ($border-width * 3) solid;
|
||||
border-bottom: ($border-width * 3) solid;
|
||||
}
|
||||
.border-x-3 {
|
||||
border-left: ($border-width * 3) solid;
|
||||
border-right: ($border-width * 3) solid;
|
||||
}
|
||||
|
||||
// Border style
|
||||
.border {
|
||||
|
||||
// Dashed
|
||||
&-dashed {
|
||||
border-style: dashed;
|
||||
}
|
||||
&-top-dashed {
|
||||
border-top-style: dashed;
|
||||
}
|
||||
&-bottom-dashed {
|
||||
border-bottom-style: dashed;
|
||||
}
|
||||
&-left-dashed {
|
||||
border-left-style: dashed;
|
||||
}
|
||||
&-right-dashed {
|
||||
border-right-style: dashed;
|
||||
}
|
||||
|
||||
// Dotted
|
||||
&-dotted {
|
||||
border-style: dotted;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
// Rounded corners
|
||||
// -------------------------
|
||||
|
||||
// Fully rounded borders
|
||||
.rounded-round {
|
||||
@include border-radius($border-radius-round !important);
|
||||
}
|
||||
.rounded-top-round {
|
||||
@include border-top-radius($border-radius-round !important);
|
||||
}
|
||||
.rounded-bottom-round {
|
||||
@include border-bottom-radius($border-radius-round !important);
|
||||
}
|
||||
.rounded-left-round {
|
||||
@include border-left-radius($border-radius-round !important);
|
||||
}
|
||||
.rounded-right-round {
|
||||
@include border-right-radius($border-radius-round !important);
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// Remove rounded corners from specific side
|
||||
//
|
||||
|
||||
.rounded-top-0 {
|
||||
@include border-top-radius(0 !important);
|
||||
}
|
||||
.rounded-bottom-0 {
|
||||
@include border-bottom-radius(0 !important);
|
||||
}
|
||||
.rounded-left-0 {
|
||||
@include border-left-radius(0 !important);
|
||||
}
|
||||
.rounded-right-0 {
|
||||
@include border-right-radius(0 !important);
|
||||
}
|
||||
|
||||
|
||||
|
||||
// Transforms
|
||||
// -------------------------
|
||||
|
||||
//
|
||||
// Rotation
|
||||
//
|
||||
|
||||
// Basic direction
|
||||
.rotate-45 {
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
.rotate-90 {
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
.rotate-180 {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
// Inversed
|
||||
.rotate-45-inverse {
|
||||
transform: rotate(-45deg);
|
||||
}
|
||||
.rotate-90-inverse {
|
||||
transform: rotate(-90deg);
|
||||
}
|
||||
.rotate-180-inverse {
|
||||
transform: rotate(-180deg);
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// Spinner animation
|
||||
//
|
||||
|
||||
// Default
|
||||
.spinner {
|
||||
display: inline-block;
|
||||
animation: rotation 1s linear infinite;
|
||||
}
|
||||
|
||||
// Reversed
|
||||
.spinner-reverse {
|
||||
display: inline-block;
|
||||
animation: rotation_reverse 1s linear infinite;
|
||||
}
|
||||
|
||||
// Default rotation
|
||||
@-webkit-keyframes rotation {
|
||||
0% {-webkit-transform: rotate(0deg);}
|
||||
100% {-webkit-transform: rotate(360deg);}
|
||||
}
|
||||
@-moz-keyframes rotation {
|
||||
0% {-moz-transform: rotate(0deg);}
|
||||
100% {-moz-transform: rotate(360deg);}
|
||||
}
|
||||
@-ms-keyframes rotation {
|
||||
0% {-ms-transform: rotate(0deg);}
|
||||
100% {-ms-transform: rotate(360deg);}
|
||||
}
|
||||
@-o-keyframes rotation {
|
||||
0% {-o-transform: rotate(0deg);}
|
||||
100% {-o-transform: rotate(360deg);}
|
||||
}
|
||||
@keyframes rotation {
|
||||
0% {transform: rotate(0deg);}
|
||||
100% {transform: rotate(360deg);}
|
||||
}
|
||||
|
||||
// Inversed rotation
|
||||
@-webkit-keyframes rotation_reverse {
|
||||
0% {-webkit-transform: rotate(0deg);}
|
||||
100% {-webkit-transform: rotate(-360deg);}
|
||||
}
|
||||
@-moz-keyframes rotation_reverse {
|
||||
0% {-moz-transform: rotate(0deg);}
|
||||
100% {-moz-transform: rotate(-360deg);}
|
||||
}
|
||||
@-ms-keyframes rotation_reverse {
|
||||
0% {-ms-transform: rotate(0deg);}
|
||||
100% {-ms-transform: rotate(-360deg);}
|
||||
}
|
||||
@-o-keyframes rotation_reverse {
|
||||
0% {-o-transform: rotate(0deg);}
|
||||
100% {-o-transform: rotate(-360deg);}
|
||||
}
|
||||
@keyframes rotation_reverse {
|
||||
0% {transform: rotate(0deg);}
|
||||
100% {transform: rotate(-360deg);}
|
||||
}
|
||||
|
||||
|
||||
|
||||
// Sizing
|
||||
// -------------------------
|
||||
|
||||
// Auto height
|
||||
.h-auto {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
// Element widths
|
||||
@each $breakpoint in map-keys($grid-breakpoints) {
|
||||
@include media-breakpoint-up($breakpoint) {
|
||||
$infix: breakpoint-infix($breakpoint, $grid-breakpoints);
|
||||
.w#{$infix}-auto { width: auto !important; }
|
||||
|
||||
.w#{$infix}-25 { width: 25% !important; }
|
||||
.w#{$infix}-50 { width: 50% !important; }
|
||||
.w#{$infix}-75 { width: 75% !important; }
|
||||
.w#{$infix}-100 { width: 100% !important; }
|
||||
|
||||
.wmin#{$infix}-0 { min-width: 0 !important; }
|
||||
.wmin#{$infix}-200 { min-width: 200px !important; }
|
||||
.wmin#{$infix}-250 { min-width: 250px !important; }
|
||||
.wmin#{$infix}-300 { min-width: 300px !important; }
|
||||
.wmin#{$infix}-350 { min-width: 350px !important; }
|
||||
.wmin#{$infix}-400 { min-width: 400px !important; }
|
||||
.wmin#{$infix}-450 { min-width: 450px !important; }
|
||||
.wmin#{$infix}-500 { min-width: 500px !important; }
|
||||
.wmin#{$infix}-550 { min-width: 550px !important; }
|
||||
.wmin#{$infix}-600 { min-width: 600px !important; }
|
||||
|
||||
.flex#{$infix}-1 { flex: 1; }
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
// Misc
|
||||
// -------------------------
|
||||
|
||||
// Disable all transitions
|
||||
.no-transitions * {
|
||||
&,
|
||||
&:before,
|
||||
&:after {
|
||||
@include transition(none !important);
|
||||
}
|
||||
}
|
||||
|
||||
// Remove caret from .dropdown-toggle element
|
||||
.caret-0 {
|
||||
&::before,
|
||||
&::after {
|
||||
content: none;
|
||||
}
|
||||
}
|
||||
|
||||
// Remove box shadow
|
||||
.shadow-0 {
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
// Remove outline
|
||||
.outline-0 {
|
||||
@include plain-hover-focus {
|
||||
outline: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// Text shadow
|
||||
.text-shadow-dark {
|
||||
text-shadow: 0 0 0.1875rem rgba($black, 0.5);
|
||||
}
|
||||
.text-shadow-light {
|
||||
text-shadow: 0 0 0.1875rem rgba($white, 0.5);
|
||||
}
|
||||
|
||||
|
||||
/* ------------------------------
|
||||
*
|
||||
* Theme specific styles
|
||||
*
|
||||
* ------------------------------ */
|
||||
|
||||
// Material theme
|
||||
@if $theme == 'material' {
|
||||
|
||||
// Shadows
|
||||
.shadow-1 {
|
||||
box-shadow: $shadow-depth1;
|
||||
}
|
||||
.shadow-2 {
|
||||
box-shadow: $shadow-depth2;
|
||||
}
|
||||
.shadow-3 {
|
||||
box-shadow: $shadow-depth3;
|
||||
}
|
||||
.shadow-4 {
|
||||
box-shadow: $shadow-depth4;
|
||||
}
|
||||
.shadow-5 {
|
||||
box-shadow: $shadow-depth5;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,97 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Custom Limitless functions
|
||||
*
|
||||
* Utility mixins and functions for evalutating source code across our variables, maps, and mixins.
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
|
||||
//
|
||||
// Removes the unit (e.g. px, em, rem) from a value, returning the number only.
|
||||
//
|
||||
// @param {Number} $num - Number to strip unit from.
|
||||
//
|
||||
// @returns {Number} The same number, sans unit.
|
||||
|
||||
@function strip-unit($num) {
|
||||
@return $num / ($num * 0 + 1);
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// Converts one or more pixel values into matching rem values.
|
||||
//
|
||||
// @param {Number|List} $values - One or more values to convert. Be sure to separate them with spaces and not commas. If you need to convert a comma-separated list, wrap the list in parentheses.
|
||||
// @param {Number} $base [null] - The base value to use when calculating the `rem`. If you're using Foundation out of the box, this is 16px. If this parameter is `null`, the function will reference the `$base-font-size` variable as the base.
|
||||
//
|
||||
// @returns {List} A list of converted values.
|
||||
|
||||
$global-font-size: 100% !default;
|
||||
|
||||
@function rem-calc($values, $base: null) {
|
||||
$rem-values: ();
|
||||
$count: length($values);
|
||||
|
||||
// If no base is defined, defer to the global font size
|
||||
@if $base == null {
|
||||
$base: $global-font-size;
|
||||
}
|
||||
|
||||
// If the base font size is a %, then multiply it by 16px
|
||||
// This is because 100% font size = 16px in most all browsers
|
||||
@if unit($base) == '%' {
|
||||
$base: ($base / 100%) * 16px;
|
||||
}
|
||||
|
||||
// Using rem as base allows correct scaling
|
||||
@if unit($base) == 'rem' {
|
||||
$base: strip-unit($base) * 16px;
|
||||
}
|
||||
|
||||
@if $count == 1 {
|
||||
@return -zf-to-rem($values, $base);
|
||||
}
|
||||
|
||||
@for $i from 1 through $count {
|
||||
$rem-values: append($rem-values, -zf-to-rem(nth($values, $i), $base));
|
||||
}
|
||||
|
||||
@return $rem-values;
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// Converts a pixel value to matching rem value. *Any* value passed, regardless of unit, is assumed to be a pixel value. By default, the base pixel value used to calculate the rem value is taken from the `$global-font-size` variable.
|
||||
// @access private
|
||||
//
|
||||
// @param {Number} $value - Pixel value to convert.
|
||||
// @param {Number} $base [null] - Base for pixel conversion.
|
||||
//
|
||||
// @returns {Number} A number in rems, calculated based on the given value and the base pixel value. rem values are passed through as is.
|
||||
|
||||
@function -zf-to-rem($value, $base: null) {
|
||||
|
||||
// Check if the value is a number
|
||||
@if type-of($value) != 'number' {
|
||||
@warn inspect($value) + ' was passed to rem-calc(), which is not a number.';
|
||||
@return $value;
|
||||
}
|
||||
|
||||
// Transform em into rem if someone hands over 'em's
|
||||
@if unit($value) == 'em' {
|
||||
$value: strip-unit($value) * 1rem;
|
||||
}
|
||||
|
||||
// Calculate rem if units for $value is not rem or em
|
||||
@if unit($value) != 'rem' {
|
||||
$value: strip-unit($value) / strip-unit($base) * 1rem;
|
||||
}
|
||||
|
||||
// Turn 0rem into 0
|
||||
@if $value == 0rem {
|
||||
$value: 0;
|
||||
}
|
||||
|
||||
@return $value;
|
||||
}
|
||||
@@ -0,0 +1,71 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Custom template mixins
|
||||
*
|
||||
* All custom mixins are prefixed with "ll-" to avoid conflicts
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
|
||||
// Content
|
||||
// ------------------------------
|
||||
|
||||
// Font smoothing
|
||||
@mixin ll-font-smoothing() {
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
// Sizing shortcut. Bootstrap deprecated it, but I find it very handy.
|
||||
// From now on this mixin lives here.
|
||||
@mixin size($width, $height: $width) {
|
||||
width: $width;
|
||||
height: $height;
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// Colors (for color system)
|
||||
//
|
||||
|
||||
// For .bg-* classes
|
||||
@mixin ll-background-variant($color) {
|
||||
background-color: $color;
|
||||
}
|
||||
|
||||
// For .text-* classes
|
||||
@mixin ll-text-color-variant($color) {
|
||||
color: $color;
|
||||
|
||||
// Darken link color on hover
|
||||
&[href] {
|
||||
@include hover-focus {
|
||||
color: darken($color, 7.5%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// For .border-* classes
|
||||
@mixin ll-border-color-variant($color) {
|
||||
border-color: $color;
|
||||
}
|
||||
|
||||
// For .border-top-* classes
|
||||
@mixin ll-border-top-color-variant($color) {
|
||||
border-top-color: $color;
|
||||
}
|
||||
|
||||
// For .border-bottom-* classes
|
||||
@mixin ll-border-bottom-color-variant($color) {
|
||||
border-bottom-color: $color;
|
||||
}
|
||||
|
||||
// For .border-left-* classes
|
||||
@mixin ll-border-left-color-variant($color) {
|
||||
border-left-color: $color;
|
||||
}
|
||||
|
||||
// For .border-right-* classes
|
||||
@mixin ll-border-right-color-variant($color) {
|
||||
border-right-color: $color;
|
||||
}
|
||||
Reference in New Issue
Block a user