Commit cfd4b5cf by fengshuonan

整理结构

parent a96b979a
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" height="480" width="640" version="1">
<path fill="#fff" d="M0 0h640v480H0z"/>
<path fill="#0038a8" d="M266 53.333h374v53.333H266zM266 160h374v53.333H266zM0 266.667h640V320H0zm0 106.666h640v53.333H0z"/>
<g transform="translate(133.333 133.333) scale(2.93333)" stroke-miterlimit="20" fill="#fcd116" stroke="#000" stroke-width=".6">
<g id="c">
<g id="b">
<g id="a">
<path d="M1.5 9L6 12c-8 13 1 15-6 21 3-7-3-5-3-17" stroke-linecap="square" transform="rotate(22.5)"/>
<path d="M0 11c-2 13 4.5 17 0 22" fill="none" transform="rotate(22.5)"/>
<path d="M0 0h6L0 33-6 0h6v33"/>
</g>
<use height="100%" width="100%" xlink:href="#a" transform="rotate(45)"/>
</g>
<use height="100%" width="100%" xlink:href="#b" transform="rotate(90)"/>
</g>
<use height="100%" width="100%" xlink:href="#c" transform="scale(-1)"/>
<circle r="11"/>
</g>
<g transform="translate(133.333 133.333) scale(.29333)">
<g id="d">
<path d="M81-44c-7 8-11-6-36-6S16-35 12-38s21-21 29-22 31 7 40 16m-29 9c7 6 1 19-6 19S26-28 32-36"/>
<path d="M19-26c1-12 11-14 27-14s23 12 29 15c-7 0-13-10-29-10s-16 0-27 10m3 2c4-6 9 6 20 6s17-3 24-8-10 12-21 12-26-6-23-10"/>
<path d="M56-17c13-7 5-17 0-19 2 2 10 12 0 19M0 43c6 0 8-2 16-2s27 11 38 7c-23 9-14 3-54 3h-5m63 6c-4-7-3-5-11-16 8 6 10 9 11 16M0 67c25 0 21-5 54-19-24 3-29 11-54 11h-5m5-29c7 0 9-5 17-5s19 3 24 7c1 1-3-8-11-9S25 9 16 7c0 4 3 3 4 9 0 5-9 5-11 0 2 8-4 8-9 8"/>
</g>
<use height="100%" width="100%" xlink:href="#d" transform="scale(-1 1)"/>
<path d="M0 76c-5 0-18 3 0 3s5-3 0-3"/>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" height="480" width="640" version="1">
<defs>
<clipPath id="a">
<path fill-opacity=".67" d="M-71.873-.012h682.68v512.01h-682.68z"/>
</clipPath>
</defs>
<g clip-path="url(#a)" transform="translate(67.379 .011) scale(.93748)">
<g fill-rule="evenodd" stroke-width="1pt">
<path d="M-71.878 407.837V104.428l225.832 151.627-225.832 151.793z"/>
<path d="M82.217 512.121l253.538-170.644h360.372v170.644H82.217z" fill="#00c"/>
<path d="M65.917.062l630.19.013v170.672H335.735S69.295-1.626 65.917.062z" fill="red"/>
<path d="M-71.878 64.075v40.329L153.954 256.03-71.878 407.823v40.327l284.44-192.12-284.44-191.955z" fill="#fc0"/>
<path d="M-71.878 64.075V.062h94.891l301.313 203.88h371.778v104.261H324.326L23.013 512.053h-94.89V448.15l284.439-192.12-284.44-191.955z" fill="#093"/>
<path d="M23.013.062h59.194l253.538 170.673h360.372v33.207H324.339L23.025.062zM23.013 512.121h59.194l253.538-170.644h360.372v-33.206H324.339L23.025 512.12z" fill="#fff"/>
</g>
</g>
</svg>
// Fixed Width Icons
// -------------------------
.@{fa-css-prefix}-fw {
width: (18em / 14);
text-align: center;
}
// Mixins
// --------------------------
.fa-icon() {
display: inline-block;
font: normal normal normal @fa-font-size-base/@fa-line-height-base FontAwesome; // shortening font declaration
font-size: inherit; // can't have font-size inherit on line above, so need to override
text-rendering: auto; // optimizelegibility throws things off #1094
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.fa-icon-rotate(@degrees, @rotation) {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=@{rotation})";
-webkit-transform: rotate(@degrees);
-ms-transform: rotate(@degrees);
transform: rotate(@degrees);
}
.fa-icon-flip(@horiz, @vert, @rotation) {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=@{rotation}, mirror=1)";
-webkit-transform: scale(@horiz, @vert);
-ms-transform: scale(@horiz, @vert);
transform: scale(@horiz, @vert);
}
// Only display content to screen readers. A la Bootstrap 4.
//
// See: http://a11yproject.com/posts/how-to-hide-content/
.sr-only() {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0,0,0,0);
border: 0;
}
// Use in conjunction with .sr-only to only display content when it's focused.
//
// Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
//
// Credit: HTML5 Boilerplate
.sr-only-focusable() {
&:active,
&:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto;
}
}
/* FONT PATH
* -------------------------- */
@font-face {
font-family: 'FontAwesome';
src: url('@{fa-font-path}/fontawesome-webfont.eot?v=@{fa-version}');
src: url('@{fa-font-path}/fontawesome-webfont.eot?#iefix&v=@{fa-version}') format('embedded-opentype'),
url('@{fa-font-path}/fontawesome-webfont.woff2?v=@{fa-version}') format('woff2'),
url('@{fa-font-path}/fontawesome-webfont.woff?v=@{fa-version}') format('woff'),
url('@{fa-font-path}/fontawesome-webfont.ttf?v=@{fa-version}') format('truetype'),
url('@{fa-font-path}/fontawesome-webfont.svg?v=@{fa-version}#fontawesomeregular') format('svg');
// src: url('@{fa-font-path}/FontAwesome.otf') format('opentype'); // used when developing fonts
font-weight: normal;
font-style: normal;
}
// Rotated & Flipped Icons
// -------------------------
.@{fa-css-prefix}-rotate-90 { .fa-icon-rotate(90deg, 1); }
.@{fa-css-prefix}-rotate-180 { .fa-icon-rotate(180deg, 2); }
.@{fa-css-prefix}-rotate-270 { .fa-icon-rotate(270deg, 3); }
.@{fa-css-prefix}-flip-horizontal { .fa-icon-flip(-1, 1, 0); }
.@{fa-css-prefix}-flip-vertical { .fa-icon-flip(1, -1, 2); }
// Hook for IE8-9
// -------------------------
:root .@{fa-css-prefix}-rotate-90,
:root .@{fa-css-prefix}-rotate-180,
:root .@{fa-css-prefix}-rotate-270,
:root .@{fa-css-prefix}-flip-horizontal,
:root .@{fa-css-prefix}-flip-vertical {
filter: none;
}
// Screen Readers
// -------------------------
.sr-only { .sr-only(); }
.sr-only-focusable { .sr-only-focusable(); }
{
"name": "font-awesome",
"description": "Font Awesome",
"version": "4.2.0",
"keywords": [],
"homepage": "http://fontawesome.io",
"dependencies": {},
"devDependencies": {},
"license": [
"OFL-1.1",
"MIT",
"CC-BY-3.0"
],
"main": [
"./css/font-awesome.css",
".//fonts/*"
],
"ignore": [
"*/.*",
"*.json",
"src",
"*.yml",
"Gemfile",
"Gemfile.lock",
"*.md"
],
"_release": "4.2.0",
"_resolution": {
"type": "version",
"tag": "v4.2.0",
"commit": "0b924144a95a54fa738d0450ff66c1dabd11ae74"
},
"_source": "git://github.com/FortAwesome/Font-Awesome.git",
"_target": "~4.2.0",
"_originalSource": "font-awesome"
}
\ No newline at end of file
// Animated Icons
// --------------------------
.@{fa-css-prefix}-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
}
.@{fa-css-prefix}-pulse {
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
// Bordered & Pulled
// -------------------------
.@{fa-css-prefix}-border {
padding: .2em .25em .15em;
border: solid .08em @fa-border-color;
border-radius: .1em;
}
.@{fa-css-prefix}-pull-left { float: left; }
.@{fa-css-prefix}-pull-right { float: right; }
.@{fa-css-prefix} {
&.@{fa-css-prefix}-pull-left { margin-right: .3em; }
&.@{fa-css-prefix}-pull-right { margin-left: .3em; }
}
/* Deprecated as of 4.4.0 */
.pull-right { float: right; }
.pull-left { float: left; }
.@{fa-css-prefix} {
&.pull-left { margin-right: .3em; }
&.pull-right { margin-left: .3em; }
}
// Fixed Width Icons
// -------------------------
.@{fa-css-prefix}-fw {
width: (18em / 14);
text-align: center;
}
/*!
* Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/
@import "variables.less";
@import "mixins.less";
@import "path.less";
@import "core.less";
@import "larger.less";
@import "fixed-width.less";
@import "list.less";
@import "bordered-pulled.less";
@import "animated.less";
@import "rotated-flipped.less";
@import "stacked.less";
@import "icons.less";
// Mixins
// --------------------------
.fa-icon() {
display: inline-block;
font: normal normal normal @fa-font-size-base/@fa-line-height-base FontAwesome; // shortening font declaration
font-size: inherit; // can't have font-size inherit on line above, so need to override
text-rendering: auto; // optimizelegibility throws things off #1094
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.fa-icon-rotate(@degrees, @rotation) {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=@rotation);
-webkit-transform: rotate(@degrees);
-ms-transform: rotate(@degrees);
transform: rotate(@degrees);
}
.fa-icon-flip(@horiz, @vert, @rotation) {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=@rotation, mirror=1);
-webkit-transform: scale(@horiz, @vert);
-ms-transform: scale(@horiz, @vert);
transform: scale(@horiz, @vert);
}
/* FONT PATH
* -------------------------- */
@font-face {
font-family: 'FontAwesome';
src: url('../less/icons/font-awesome/fonts/fontawesome-webfont.eot?v=@{fa-version}');
src: url('../less/icons/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=@{fa-version}') format('embedded-opentype'),
url('../less/icons/font-awesome/fonts/fontawesome-webfont.woff2?v=@{fa-version}') format('woff2'),
url('../less/icons/font-awesome/fonts/fontawesome-webfont.woff?v=@{fa-version}') format('woff'),
url('../less/icons/font-awesome/fonts/fontawesome-webfont.ttf?v=@{fa-version}') format('truetype'),
url('../less/icons/font-awesome/fonts/fontawesome-webfont.svg?v=@{fa-version}#fontawesomeregular') format('svg');
// src: url('../less/icons/font-awesome/fonts/FontAwesome.otf') format('opentype'); // used when developing fonts
font-weight: normal;
font-style: normal;
}
// Rotated & Flipped Icons
// -------------------------
.@{fa-css-prefix}-rotate-90 { .fa-icon-rotate(90deg, 1); }
.@{fa-css-prefix}-rotate-180 { .fa-icon-rotate(180deg, 2); }
.@{fa-css-prefix}-rotate-270 { .fa-icon-rotate(270deg, 3); }
.@{fa-css-prefix}-flip-horizontal { .fa-icon-flip(-1, 1, 0); }
.@{fa-css-prefix}-flip-vertical { .fa-icon-flip(1, -1, 2); }
// Hook for IE8-9
// -------------------------
:root .@{fa-css-prefix}-rotate-90,
:root .@{fa-css-prefix}-rotate-180,
:root .@{fa-css-prefix}-rotate-270,
:root .@{fa-css-prefix}-flip-horizontal,
:root .@{fa-css-prefix}-flip-vertical {
filter: none;
}
// Spinning Icons
// --------------------------
.@{fa-css-prefix}-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
}
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
// Stacked Icons
// -------------------------
.@{fa-css-prefix}-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle;
}
.@{fa-css-prefix}-stack-1x, .@{fa-css-prefix}-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center;
}
.@{fa-css-prefix}-stack-1x { line-height: inherit; }
.@{fa-css-prefix}-stack-2x { font-size: 2em; }
.@{fa-css-prefix}-inverse { color: @fa-inverse; }
// Spinning Icons
// --------------------------
.#{$fa-css-prefix}-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
}
.#{$fa-css-prefix}-pulse {
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
// Bordered & Pulled
// -------------------------
.#{$fa-css-prefix}-border {
padding: .2em .25em .15em;
border: solid .08em $fa-border-color;
border-radius: .1em;
}
.#{$fa-css-prefix}-pull-left { float: left; }
.#{$fa-css-prefix}-pull-right { float: right; }
.#{$fa-css-prefix} {
&.#{$fa-css-prefix}-pull-left { margin-right: .3em; }
&.#{$fa-css-prefix}-pull-right { margin-left: .3em; }
}
/* Deprecated as of 4.4.0 */
.pull-right { float: right; }
.pull-left { float: left; }
.#{$fa-css-prefix} {
&.pull-left { margin-right: .3em; }
&.pull-right { margin-left: .3em; }
}
// Base Class Definition
// -------------------------
.#{$fa-css-prefix} {
display: inline-block;
font: normal normal normal #{$fa-font-size-base}/#{$fa-line-height-base} FontAwesome; // shortening font declaration
font-size: inherit; // can't have font-size inherit on line above, so need to override
text-rendering: auto; // optimizelegibility throws things off #1094
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* EXTRAS
* -------------------------- */
/* Stacked and layered icon */
/* Animated rotating icon */
.#{$fa-css-prefix}-spin {
-webkit-animation: spin 2s infinite linear;
-moz-animation: spin 2s infinite linear;
-o-animation: spin 2s infinite linear;
animation: spin 2s infinite linear;
}
@-moz-keyframes spin {
0% { -moz-transform: rotate(0deg); }
100% { -moz-transform: rotate(359deg); }
}
@-webkit-keyframes spin {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(359deg); }
}
@-o-keyframes spin {
0% { -o-transform: rotate(0deg); }
100% { -o-transform: rotate(359deg); }
}
@-ms-keyframes spin {
0% { -ms-transform: rotate(0deg); }
100% { -ms-transform: rotate(359deg); }
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(359deg); }
}
// Icon rotations & flipping
// -------------------------
.#{$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); }
.#{$fa-css-prefix}-flip-horizontal { @include fa-icon-flip(-1, 1, 0); }
.#{$fa-css-prefix}-flip-vertical { @include fa-icon-flip(1, -1, 2); }
// Fixed Width Icons
// -------------------------
.#{$fa-css-prefix}-fw {
width: (18em / 14);
text-align: center;
}
// Icon Sizes
// -------------------------
/* makes the font 33% larger relative to the icon container */
.#{$fa-css-prefix}-lg {
font-size: (4em / 3);
line-height: (3em / 4);
vertical-align: -15%;
}
.#{$fa-css-prefix}-2x { font-size: 2em; }
.#{$fa-css-prefix}-3x { font-size: 3em; }
.#{$fa-css-prefix}-4x { font-size: 4em; }
.#{$fa-css-prefix}-5x { font-size: 5em; }
// List Icons
// -------------------------
.#{$fa-css-prefix}-ul {
padding-left: 0;
margin-left: $fa-li-width;
list-style-type: none;
> li { position: relative; }
}
.#{$fa-css-prefix}-li {
position: absolute;
left: -$fa-li-width;
width: $fa-li-width;
top: (2em / 14);
text-align: center;
&.#{$fa-css-prefix}-lg {
left: -$fa-li-width + (4em / 14);
}
}
// Mixins
// --------------------------
@mixin fa-icon() {
display: inline-block;
font: normal normal normal #{$fa-font-size-base}/#{$fa-line-height-base} FontAwesome; // shortening font declaration
font-size: inherit; // can't have font-size inherit on line above, so need to override
text-rendering: auto; // optimizelegibility throws things off #1094
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@mixin fa-icon-rotate($degrees, $rotation) {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation});
-webkit-transform: rotate($degrees);
-ms-transform: rotate($degrees);
transform: rotate($degrees);
}
@mixin fa-icon-flip($horiz, $vert, $rotation) {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation});
-webkit-transform: scale($horiz, $vert);
-ms-transform: scale($horiz, $vert);
transform: scale($horiz, $vert);
}
/* FONT PATH
* -------------------------- */
@font-face {
font-family: 'FontAwesome';
src: url('#{$fa-font-path}/fontawesome-webfont.eot?v=#{$fa-version}');
src: url('#{$fa-font-path}/fontawesome-webfont.eot?#iefix&v=#{$fa-version}') format('embedded-opentype'),
url('#{$fa-font-path}/fontawesome-webfont.woff2?v=#{$fa-version}') format('woff2'),
url('#{$fa-font-path}/fontawesome-webfont.woff?v=#{$fa-version}') format('woff'),
url('#{$fa-font-path}/fontawesome-webfont.ttf?v=#{$fa-version}') format('truetype'),
url('#{$fa-font-path}/fontawesome-webfont.svg?v=#{$fa-version}#fontawesomeregular') format('svg');
// src: url('#{$fa-font-path}/FontAwesome.otf') format('opentype'); // used when developing fonts
font-weight: normal;
font-style: normal;
}
// Rotated & Flipped Icons
// -------------------------
.#{$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); }
.#{$fa-css-prefix}-flip-horizontal { @include fa-icon-flip(-1, 1, 0); }
.#{$fa-css-prefix}-flip-vertical { @include fa-icon-flip(1, -1, 2); }
// Hook for IE8-9
// -------------------------
:root .#{$fa-css-prefix}-rotate-90,
:root .#{$fa-css-prefix}-rotate-180,
:root .#{$fa-css-prefix}-rotate-270,
:root .#{$fa-css-prefix}-flip-horizontal,
:root .#{$fa-css-prefix}-flip-vertical {
filter: none;
}
// Spinning Icons
// --------------------------
.#{$fa-css-prefix}-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
}
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
// Stacked Icons
// -------------------------
.#{$fa-css-prefix}-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle;
}
.#{$fa-css-prefix}-stack-1x, .#{$fa-css-prefix}-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center;
}
.#{$fa-css-prefix}-stack-1x { line-height: inherit; }
.#{$fa-css-prefix}-stack-2x { font-size: 2em; }
.#{$fa-css-prefix}-inverse { color: $fa-inverse; }
/*!
* Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/
@import "variables";
@import "mixins";
@import "path";
@import "core";
@import "larger";
@import "fixed-width";
@import "list";
@import "bordered-pulled";
@import "animated";
@import "rotated-flipped";
@import "stacked";
@import "icons";
// Spinning Icons
// --------------------------
.#{$fa-css-prefix}-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
}
.#{$fa-css-prefix}-pulse {
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
// Bordered & Pulled
// -------------------------
.#{$fa-css-prefix}-border {
padding: .2em .25em .15em;
border: solid .08em $fa-border-color;
border-radius: .1em;
}
.#{$fa-css-prefix}-pull-left { float: left; }
.#{$fa-css-prefix}-pull-right { float: right; }
.#{$fa-css-prefix} {
&.#{$fa-css-prefix}-pull-left { margin-right: .3em; }
&.#{$fa-css-prefix}-pull-right { margin-left: .3em; }
}
/* Deprecated as of 4.4.0 */
.pull-right { float: right; }
.pull-left { float: left; }
.#{$fa-css-prefix} {
&.pull-left { margin-right: .3em; }
&.pull-right { margin-left: .3em; }
}
// Base Class Definition
// -------------------------
.#{$fa-css-prefix} {
display: inline-block;
font: normal normal normal #{$fa-font-size-base}/#{$fa-line-height-base} FontAwesome; // shortening font declaration
font-size: inherit; // can't have font-size inherit on line above, so need to override
text-rendering: auto; // optimizelegibility throws things off #1094
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
// Fixed Width Icons
// -------------------------
.#{$fa-css-prefix}-fw {
width: (18em / 14);
text-align: center;
}
// Icon Sizes
// -------------------------
/* makes the font 33% larger relative to the icon container */
.#{$fa-css-prefix}-lg {
font-size: (4em / 3);
line-height: (3em / 4);
vertical-align: -15%;
}
.#{$fa-css-prefix}-2x { font-size: 2em; }
.#{$fa-css-prefix}-3x { font-size: 3em; }
.#{$fa-css-prefix}-4x { font-size: 4em; }
.#{$fa-css-prefix}-5x { font-size: 5em; }
// List Icons
// -------------------------
.#{$fa-css-prefix}-ul {
padding-left: 0;
margin-left: $fa-li-width;
list-style-type: none;
> li { position: relative; }
}
.#{$fa-css-prefix}-li {
position: absolute;
left: -$fa-li-width;
width: $fa-li-width;
top: (2em / 14);
text-align: center;
&.#{$fa-css-prefix}-lg {
left: -$fa-li-width + (4em / 14);
}
}
// Mixins
// --------------------------
@mixin fa-icon() {
display: inline-block;
font: normal normal normal #{$fa-font-size-base}/#{$fa-line-height-base} FontAwesome; // shortening font declaration
font-size: inherit; // can't have font-size inherit on line above, so need to override
text-rendering: auto; // optimizelegibility throws things off #1094
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@mixin fa-icon-rotate($degrees, $rotation) {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation})";
-webkit-transform: rotate($degrees);
-ms-transform: rotate($degrees);
transform: rotate($degrees);
}
@mixin fa-icon-flip($horiz, $vert, $rotation) {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation}, mirror=1)";
-webkit-transform: scale($horiz, $vert);
-ms-transform: scale($horiz, $vert);
transform: scale($horiz, $vert);
}
// Only display content to screen readers. A la Bootstrap 4.
//
// See: http://a11yproject.com/posts/how-to-hide-content/
@mixin sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0,0,0,0);
border: 0;
}
// Use in conjunction with .sr-only to only display content when it's focused.
//
// Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
//
// Credit: HTML5 Boilerplate
@mixin sr-only-focusable {
&:active,
&:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto;
}
}
/* FONT PATH
* -------------------------- */
@font-face {
font-family: 'FontAwesome';
src: url('#{$fa-font-path}/fontawesome-webfont.eot?v=#{$fa-version}');
src: url('#{$fa-font-path}/fontawesome-webfont.eot?#iefix&v=#{$fa-version}') format('embedded-opentype'),
url('#{$fa-font-path}/fontawesome-webfont.woff2?v=#{$fa-version}') format('woff2'),
url('#{$fa-font-path}/fontawesome-webfont.woff?v=#{$fa-version}') format('woff'),
url('#{$fa-font-path}/fontawesome-webfont.ttf?v=#{$fa-version}') format('truetype'),
url('#{$fa-font-path}/fontawesome-webfont.svg?v=#{$fa-version}#fontawesomeregular') format('svg');
// src: url('#{$fa-font-path}/FontAwesome.otf') format('opentype'); // used when developing fonts
font-weight: normal;
font-style: normal;
}
// Rotated & Flipped Icons
// -------------------------
.#{$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); }
.#{$fa-css-prefix}-flip-horizontal { @include fa-icon-flip(-1, 1, 0); }
.#{$fa-css-prefix}-flip-vertical { @include fa-icon-flip(1, -1, 2); }
// Hook for IE8-9
// -------------------------
:root .#{$fa-css-prefix}-rotate-90,
:root .#{$fa-css-prefix}-rotate-180,
:root .#{$fa-css-prefix}-rotate-270,
:root .#{$fa-css-prefix}-flip-horizontal,
:root .#{$fa-css-prefix}-flip-vertical {
filter: none;
}
// Stacked Icons
// -------------------------
.#{$fa-css-prefix}-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle;
}
.#{$fa-css-prefix}-stack-1x, .#{$fa-css-prefix}-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center;
}
.#{$fa-css-prefix}-stack-1x { line-height: inherit; }
.#{$fa-css-prefix}-stack-2x { font-size: 2em; }
.#{$fa-css-prefix}-inverse { color: $fa-inverse; }
/*!
* Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/
@import "variables";
@import "mixins";
@import "path";
@import "core";
@import "larger";
@import "fixed-width";
@import "list";
@import "bordered-pulled";
@import "animated";
@import "rotated-flipped";
@import "stacked";
@import "icons";
@import "screen-reader";
@font-face {
font-family: 'weathericons';
src: url('..//fonts/weathericons-regular-webfont.eot');
src: url('..//fonts/weathericons-regular-webfont.eot?#iefix') format('embedded-opentype'), url('..//fonts/weathericons-regular-webfont.woff2') format('woff2'), url('..//fonts/weathericons-regular-webfont.woff') format('woff'), url('..//fonts/weathericons-regular-webfont.ttf') format('truetype'), url('..//fonts/weathericons-regular-webfont.svg#weather_iconsregular') format('svg');
font-weight: normal;
font-style: normal;
}
.wi {
display: inline-block;
font-family: 'weathericons';
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.wi-fw {
text-align: center;
width: 1.4em;
}
.wi-rotate-90 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.wi-rotate-180 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.wi-rotate-270 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
}
.wi-flip-horizontal {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
-webkit-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.wi-flip-vertical {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
-webkit-transform: scale(1, -1);
-ms-transform: scale(1, -1);
transform: scale(1, -1);
}
.wi-wind-beaufort-0:before {content: @wind-beaufort-0;}
.wi-wind-beaufort-1:before {content: @wind-beaufort-1;}
.wi-wind-beaufort-2:before {content: @wind-beaufort-2;}
.wi-wind-beaufort-3:before {content: @wind-beaufort-3;}
.wi-wind-beaufort-4:before {content: @wind-beaufort-4;}
.wi-wind-beaufort-5:before {content: @wind-beaufort-5;}
.wi-wind-beaufort-6:before {content: @wind-beaufort-6;}
.wi-wind-beaufort-7:before {content: @wind-beaufort-7;}
.wi-wind-beaufort-8:before {content: @wind-beaufort-8;}
.wi-wind-beaufort-9:before {content: @wind-beaufort-9;}
.wi-wind-beaufort-10:before {content: @wind-beaufort-10;}
.wi-wind-beaufort-11:before {content: @wind-beaufort-11;}
.wi-wind-beaufort-12:before {content: @wind-beaufort-12;}
\ No newline at end of file
.wi-day-sunny:before {content: @day-sunny;}
.wi-day-cloudy:before {content: @day-cloudy;}
.wi-day-cloudy-gusts:before {content: @day-cloudy-gusts;}
.wi-day-cloudy-windy:before {content: @day-cloudy-windy;}
.wi-day-fog:before {content: @day-fog;}
.wi-day-hail:before {content: @day-hail;}
.wi-day-haze:before {content: @day-haze;}
.wi-day-lightning:before {content: @day-lightning;}
.wi-day-rain:before {content: @day-rain;}
.wi-day-rain-mix:before {content: @day-rain-mix;}
.wi-day-rain-wind:before {content: @day-rain-wind;}
.wi-day-showers:before {content: @day-showers;}
.wi-day-sleet:before {content: @day-sleet;}
.wi-day-sleet-storm:before {content: @day-sleet-storm;}
.wi-day-snow:before {content: @day-snow;}
.wi-day-snow-thunderstorm:before {content: @day-snow-thunderstorm;}
.wi-day-snow-wind:before {content: @day-snow-wind;}
.wi-day-sprinkle:before {content: @day-sprinkle;}
.wi-day-storm-showers:before {content: @day-storm-showers;}
.wi-day-sunny-overcast:before {content: @day-sunny-overcast;}
.wi-day-thunderstorm:before {content: @day-thunderstorm;}
.wi-day-windy:before {content: @day-windy;}
.wi-solar-eclipse:before {content: @solar-eclipse;}
.wi-hot:before {content: @hot;}
.wi-day-cloudy-high:before {content: @day-cloudy-high;}
.wi-day-light-wind:before {content: @day-light-wind;}
\ No newline at end of file
.wi-direction-up:before {content: @direction-up;}
.wi-direction-up-right:before {content: @direction-up-right;}
.wi-direction-right:before {content: @direction-right;}
.wi-direction-down-right:before {content: @direction-down-right;}
.wi-direction-down:before {content: @direction-down;}
.wi-direction-down-left:before {content: @direction-down-left;}
.wi-direction-left:before {content: @direction-left;}
.wi-direction-up-left:before {content: @direction-up-left;}
\ No newline at end of file
.wi-alien:before {content: @alien;}
.wi-celsius:before {content: @celsius;}
.wi-fahrenheit:before {content: @fahrenheit;}
.wi-degrees:before {content: @degrees;}
.wi-thermometer:before {content: @thermometer;}
.wi-thermometer-exterior:before {content: @thermometer-exterior;}
.wi-thermometer-internal:before {content: @thermometer-internal;}
.wi-cloud-down:before {content: @cloud-down;}
.wi-cloud-up:before {content: @cloud-up;}
.wi-cloud-refresh:before {content: @cloud-refresh;}
.wi-horizon:before {content: @horizon;}
.wi-horizon-alt:before {content: @horizon-alt;}
.wi-sunrise:before {content: @sunrise;}
.wi-sunset:before {content: @sunset;}
.wi-moonrise:before {content: @moonrise;}
.wi-moonset:before {content: @moonset;}
.wi-refresh:before {content: @refresh;}
.wi-refresh-alt:before {content: @refresh-alt;}
.wi-umbrella:before {content: @umbrella;}
.wi-barometer:before {content: @barometer;}
.wi-humidity:before {content: @humidity;}
.wi-na:before {content: @na;}
.wi-train:before {content: @train;}
\ No newline at end of file
.wi-moon-0:before {content: @moon-new;}
.wi-moon-1:before {content: @moon-waxing-cresent-1;}
.wi-moon-2:before {content: @moon-waxing-cresent-2;}
.wi-moon-3:before {content: @moon-waxing-cresent-3;}
.wi-moon-4:before {content: @moon-waxing-cresent-4;}
.wi-moon-5:before {content: @moon-waxing-cresent-5;}
.wi-moon-6:before {content: @moon-waxing-cresent-6;}
.wi-moon-7:before {content: @moon-first-quarter;}
.wi-moon-8:before {content: @moon-waxing-gibbous-1;}
.wi-moon-9:before {content: @moon-waxing-gibbous-2;}
.wi-moon-10:before {content: @moon-waxing-gibbous-3;}
.wi-moon-11:before {content: @moon-waxing-gibbous-4;}
.wi-moon-12:before {content: @moon-waxing-gibbous-5;}
.wi-moon-13:before {content: @moon-waxing-gibbous-6;}
.wi-moon-14:before {content: @moon-full;}
.wi-moon-15:before {content: @moon-waning-gibbous-1;}
.wi-moon-16:before {content: @moon-waning-gibbous-2;}
.wi-moon-17:before {content: @moon-waning-gibbous-3;}
.wi-moon-18:before {content: @moon-waning-gibbous-4;}
.wi-moon-19:before {content: @moon-waning-gibbous-5;}
.wi-moon-20:before {content: @moon-waning-gibbous-6;}
.wi-moon-21:before {content: @moon-third-quarter;}
.wi-moon-22:before {content: @moon-waning-crescent-1;}
.wi-moon-23:before {content: @moon-waning-crescent-2;}
.wi-moon-24:before {content: @moon-waning-crescent-3;}
.wi-moon-25:before {content: @moon-waning-crescent-4;}
.wi-moon-26:before {content: @moon-waning-crescent-5;}
.wi-moon-27:before {content: @moon-waning-crescent-6;}
\ No newline at end of file
.wi-moon-new:before {content: @moon-new;}
.wi-moon-waxing-cresent-1:before {content: @moon-waxing-cresent-1;}
.wi-moon-waxing-cresent-2:before {content: @moon-waxing-cresent-2;}
.wi-moon-waxing-cresent-3:before {content: @moon-waxing-cresent-3;}
.wi-moon-waxing-cresent-4:before {content: @moon-waxing-cresent-4;}
.wi-moon-waxing-cresent-5:before {content: @moon-waxing-cresent-5;}
.wi-moon-waxing-cresent-6:before {content: @moon-waxing-cresent-6;}
.wi-moon-first-quarter:before {content: @moon-first-quarter;}
.wi-moon-waxing-gibbous-1:before {content: @moon-waxing-gibbous-1;}
.wi-moon-waxing-gibbous-2:before {content: @moon-waxing-gibbous-2;}
.wi-moon-waxing-gibbous-3:before {content: @moon-waxing-gibbous-3;}
.wi-moon-waxing-gibbous-4:before {content: @moon-waxing-gibbous-4;}
.wi-moon-waxing-gibbous-5:before {content: @moon-waxing-gibbous-5;}
.wi-moon-waxing-gibbous-6:before {content: @moon-waxing-gibbous-6;}
.wi-moon-full:before {content: @moon-full;}
.wi-moon-waning-gibbous-1:before {content: @moon-waning-gibbous-1;}
.wi-moon-waning-gibbous-2:before {content: @moon-waning-gibbous-2;}
.wi-moon-waning-gibbous-3:before {content: @moon-waning-gibbous-3;}
.wi-moon-waning-gibbous-4:before {content: @moon-waning-gibbous-4;}
.wi-moon-waning-gibbous-5:before {content: @moon-waning-gibbous-5;}
.wi-moon-waning-gibbous-6:before {content: @moon-waning-gibbous-6;}
.wi-moon-third-quarter:before {content: @moon-third-quarter;}
.wi-moon-waning-crescent-1:before {content: @moon-waning-crescent-1;}
.wi-moon-waning-crescent-2:before {content: @moon-waning-crescent-2;}
.wi-moon-waning-crescent-3:before {content: @moon-waning-crescent-3;}
.wi-moon-waning-crescent-4:before {content: @moon-waning-crescent-4;}
.wi-moon-waning-crescent-5:before {content: @moon-waning-crescent-5;}
.wi-moon-waning-crescent-6:before {content: @moon-waning-crescent-6;}
.wi-moon-alt-new:before {content: @moon-alt-new;}
.wi-moon-alt-waxing-cresent-1:before {content: @moon-alt-waxing-cresent-1;}
.wi-moon-alt-waxing-cresent-2:before {content: @moon-alt-waxing-cresent-2;}
.wi-moon-alt-waxing-cresent-3:before {content: @moon-alt-waxing-cresent-3;}
.wi-moon-alt-waxing-cresent-4:before {content: @moon-alt-waxing-cresent-4;}
.wi-moon-alt-waxing-cresent-5:before {content: @moon-alt-waxing-cresent-5;}
.wi-moon-alt-waxing-cresent-6:before {content: @moon-alt-waxing-cresent-6;}
.wi-moon-alt-first-quarter:before {content: @moon-alt-first-quarter;}
.wi-moon-alt-waxing-gibbous-1:before {content: @moon-alt-waxing-gibbous-1;}
.wi-moon-alt-waxing-gibbous-2:before {content: @moon-alt-waxing-gibbous-2;}
.wi-moon-alt-waxing-gibbous-3:before {content: @moon-alt-waxing-gibbous-3;}
.wi-moon-alt-waxing-gibbous-4:before {content: @moon-alt-waxing-gibbous-4;}
.wi-moon-alt-waxing-gibbous-5:before {content: @moon-alt-waxing-gibbous-5;}
.wi-moon-alt-waxing-gibbous-6:before {content: @moon-alt-waxing-gibbous-6;}
.wi-moon-alt-full:before {content: @moon-alt-full;}
.wi-moon-alt-waning-gibbous-1:before {content: @moon-alt-waning-gibbous-1;}
.wi-moon-alt-waning-gibbous-2:before {content: @moon-alt-waning-gibbous-2;}
.wi-moon-alt-waning-gibbous-3:before {content: @moon-alt-waning-gibbous-3;}
.wi-moon-alt-waning-gibbous-4:before {content: @moon-alt-waning-gibbous-4;}
.wi-moon-alt-waning-gibbous-5:before {content: @moon-alt-waning-gibbous-5;}
.wi-moon-alt-waning-gibbous-6:before {content: @moon-alt-waning-gibbous-6;}
.wi-moon-alt-third-quarter:before {content: @moon-alt-third-quarter;}
.wi-moon-alt-waning-crescent-1:before {content: @moon-alt-waning-crescent-1;}
.wi-moon-alt-waning-crescent-2:before {content: @moon-alt-waning-crescent-2;}
.wi-moon-alt-waning-crescent-3:before {content: @moon-alt-waning-crescent-3;}
.wi-moon-alt-waning-crescent-4:before {content: @moon-alt-waning-crescent-4;}
.wi-moon-alt-waning-crescent-5:before {content: @moon-alt-waning-crescent-5;}
.wi-moon-alt-waning-crescent-6:before {content: @moon-alt-waning-crescent-6;}
\ No newline at end of file
.wi-cloud:before {content: @cloud;}
.wi-cloudy:before {content: @cloudy;}
.wi-cloudy-gusts:before {content: @cloudy-gusts;}
.wi-cloudy-windy:before {content: @cloudy-windy;}
.wi-fog:before {content: @fog;}
.wi-hail:before {content: @hail;}
.wi-rain:before {content: @rain;}
.wi-rain-mix:before {content: @rain-mix;}
.wi-rain-wind:before {content: @rain-wind;}
.wi-showers:before {content: @showers;}
.wi-sleet:before {content: @sleet;}
.wi-snow:before {content: @snow;}
.wi-sprinkle:before {content: @sprinkle;}
.wi-storm-showers:before {content: @storm-showers;}
.wi-thunderstorm:before {content: @thunderstorm;}
.wi-snow-wind:before {content: @snow-wind;}
.wi-snow:before {content: @snow;}
.wi-smog:before {content: @smog;}
.wi-smoke:before {content: @smoke;}
.wi-lightning:before {content: @lightning;}
.wi-raindrops:before {content: @raindrops;}
.wi-raindrop:before {content: @raindrop;}
.wi-dust:before {content: @dust;}
.wi-snowflake-cold:before {content: @snowflake-cold;}
.wi-windy:before {content: @windy;}
.wi-strong-wind:before {content: @strong-wind;}
.wi-sandstorm:before {content: @sandstorm;}
.wi-earthquake:before {content: @earthquake;}
.wi-fire:before {content: @fire;}
.wi-flood:before {content: @flood;}
.wi-meteor:before {content: @meteor;}
.wi-tsunami:before {content: @tsunami;}
.wi-volcano:before {content: @volcano;}
.wi-hurricane:before {content: @hurricane;}
.wi-tornado:before {content: @tornado;}
.wi-small-craft-advisory:before {content: @small-craft-advisory;}
.wi-gale-warning:before {content: @gale-warning;}
.wi-storm-warning:before {content: @storm-warning;}
.wi-hurricane-warning:before {content: @hurricane-warning;}
.wi-wind-direction:before {content: @wind-direction;}
\ No newline at end of file
.wi-night-clear:before {content: @night-clear;}
.wi-night-alt-cloudy:before {content: @night-alt-cloudy;}
.wi-night-alt-cloudy-gusts:before {content: @night-alt-cloudy-gusts;}
.wi-night-alt-cloudy-windy:before {content: @night-alt-cloudy-windy;}
.wi-night-alt-hail:before {content: @night-alt-hail;}
.wi-night-alt-lightning:before {content: @night-alt-lightning;}
.wi-night-alt-rain:before {content: @night-alt-rain;}
.wi-night-alt-rain-mix:before {content: @night-alt-rain-mix;}
.wi-night-alt-rain-wind:before {content: @night-alt-rain-wind;}
.wi-night-alt-showers:before {content: @night-alt-showers;}
.wi-night-alt-sleet:before {content: @night-alt-sleet;}
.wi-night-alt-sleet-storm:before {content: @night-alt-sleet-storm;}
.wi-night-alt-snow:before {content: @night-alt-snow;}
.wi-night-alt-snow-thunderstorm:before {content: @night-alt-snow-thunderstorm;}
.wi-night-alt-snow-wind:before {content: @night-alt-snow-wind;}
.wi-night-alt-sprinkle:before {content: @night-alt-sprinkle;}
.wi-night-alt-storm-showers:before {content: @night-alt-storm-showers;}
.wi-night-alt-thunderstorm:before {content: @night-alt-thunderstorm;}
.wi-night-cloudy:before {content: @night-cloudy;}
.wi-night-cloudy-gusts:before {content: @night-cloudy-gusts;}
.wi-night-cloudy-windy:before {content: @night-cloudy-windy;}
.wi-night-fog:before {content: @night-fog;}
.wi-night-hail:before {content: @night-hail;}
.wi-night-lightning:before {content: @night-lightning;}
.wi-night-partly-cloudy:before {content: @night-partly-cloudy;}
.wi-night-rain:before {content: @night-rain;}
.wi-night-rain-mix:before {content: @night-rain-mix;}
.wi-night-rain-wind:before {content: @night-rain-wind;}
.wi-night-showers:before {content: @night-showers;}
.wi-night-sleet:before {content: @night-sleet;}
.wi-night-sleet-storm:before {content: @night-sleet-storm;}
.wi-night-snow:before {content: @night-snow;}
.wi-night-snow-thunderstorm:before {content: @night-snow-thunderstorm;}
.wi-night-snow-wind:before {content: @night-snow-wind;}
.wi-night-sprinkle:before {content: @night-sprinkle;}
.wi-night-storm-showers:before {content: @night-storm-showers;}
.wi-night-thunderstorm:before {content: @night-thunderstorm;}
.wi-lunar-eclipse:before {content: @lunar-eclipse;}
.wi-stars:before {content: @stars;}
.wi-storm-showers:before {content: @storm-showers;}
.wi-thunderstorm:before {content: @thunderstorm;}
.wi-night-alt-cloudy-high:before {content: @night-alt-cloudy-high;}
.wi-night-cloudy-high:before {content: @night-cloudy-high;}
.wi-night-alt-partly-cloudy:before {content: @night-alt-partly-cloudy;}
\ No newline at end of file
.wi-time-1:before {content: @time-1;}
.wi-time-2:before {content: @time-2;}
.wi-time-3:before {content: @time-3;}
.wi-time-4:before {content: @time-4;}
.wi-time-5:before {content: @time-5;}
.wi-time-6:before {content: @time-6;}
.wi-time-7:before {content: @time-7;}
.wi-time-8:before {content: @time-8;}
.wi-time-9:before {content: @time-9;}
.wi-time-10:before {content: @time-10;}
.wi-time-11:before {content: @time-11;}
.wi-time-12:before {content: @time-12;}
\ No newline at end of file
.wi-towards-n {
.wi-wind.towards-0-deg;
}
.wi-towards-nne {
.wi-wind.towards-23-deg;
}
.wi-towards-ne {
.wi-wind.towards-45-deg;
}
.wi-towards-ene {
.wi-wind.towards-68-deg;
}
.wi-towards-e {
.wi-wind.towards-90-deg;
}
.wi-towards-ese {
.wi-wind.towards-113-deg;
}
.wi-towards-se {
.wi-wind.towards-135-deg;
}
.wi-towards-sse {
.wi-wind.towards-158-deg;
}
.wi-towards-s {
.wi-wind.towards-180-deg;
}
.wi-towards-ssw {
.wi-wind.towards-203-deg;
}
.wi-towards-sw {
.wi-wind.towards-225-deg;
}
.wi-towards-wsw {
.wi-wind.towards-248-deg;
}
.wi-towards-w {
.wi-wind.towards-270-deg;
}
.wi-towards-wnw {
.wi-wind.towards-293-deg;
}
.wi-towards-nw {
.wi-wind.towards-313-deg;
}
.wi-towards-nnw {
.wi-wind.towards-336-deg;
}
.wi-from-n {
.wi-wind.from-0-deg;
}
.wi-from-nne {
.wi-wind.from-23-deg;
}
.wi-from-ne {
.wi-wind.from-45-deg;
}
.wi-from-ene {
.wi-wind.from-68-deg;
}
.wi-from-e {
.wi-wind.from-90-deg;
}
.wi-from-ese {
.wi-wind.from-113-deg;
}
.wi-from-se {
.wi-wind.from-135-deg;
}
.wi-from-sse {
.wi-wind.from-158-deg;
}
.wi-from-s {
.wi-wind.from-180-deg;
}
.wi-from-ssw {
.wi-wind.from-203-deg;
}
.wi-from-sw {
.wi-wind.from-225-deg;
}
.wi-from-wsw {
.wi-wind.from-248-deg;
}
.wi-from-w {
.wi-wind.from-270-deg;
}
.wi-from-wnw {
.wi-wind.from-293-deg;
}
.wi-from-nw {
.wi-wind.from-313-deg;
}
.wi-from-nnw {
.wi-wind.from-336-deg;
}
\ No newline at end of file
// Wind Variables 2.0
@wind: "\f0b1";
.@{wi-css-prefix}-wind:before { content: @wind; }
.wind-rotate(@degrees) {
-webkit-transform: rotate(@degrees);
-moz-transform: rotate(@degrees);
-ms-transform: rotate(@degrees);
-o-transform: rotate(@degrees);
transform: rotate(@degrees);
}
@import "classes-wind-degrees.less";
\ No newline at end of file
@wind-beaufort-0: "\f0b7";
@wind-beaufort-1: "\f0b8";
@wind-beaufort-2: "\f0b9";
@wind-beaufort-3: "\f0ba";
@wind-beaufort-4: "\f0bb";
@wind-beaufort-5: "\f0bc";
@wind-beaufort-6: "\f0bd";
@wind-beaufort-7: "\f0be";
@wind-beaufort-8: "\f0bf";
@wind-beaufort-9: "\f0c0";
@wind-beaufort-10: "\f0c1";
@wind-beaufort-11: "\f0c2";
@wind-beaufort-12: "\f0c3";
\ No newline at end of file
@day-sunny: "\f00d";
@day-cloudy: "\f002";
@day-cloudy-gusts: "\f000";
@day-cloudy-windy: "\f001";
@day-fog: "\f003";
@day-hail: "\f004";
@day-haze: "\f0b6";
@day-lightning: "\f005";
@day-rain: "\f008";
@day-rain-mix: "\f006";
@day-rain-wind: "\f007";
@day-showers: "\f009";
@day-sleet: "\f0b2";
@day-sleet-storm: "\f068";
@day-snow: "\f00a";
@day-snow-thunderstorm: "\f06b";
@day-snow-wind: "\f065";
@day-sprinkle: "\f00b";
@day-storm-showers: "\f00e";
@day-sunny-overcast: "\f00c";
@day-thunderstorm: "\f010";
@day-windy: "\f085";
@solar-eclipse: "\f06e";
@hot: "\f072";
@day-cloudy-high: "\f07d";
@day-light-wind: "\f0c4";
\ No newline at end of file
@direction-up: "\f058";
@direction-up-right: "\f057";
@direction-right: "\f04d";
@direction-down-right: "\f088";
@direction-down: "\f044";
@direction-down-left: "\f043";
@direction-left: "\f048";
@direction-up-left: "\f087";
\ No newline at end of file
@alien: "\f075";
@celsius: "\f03c";
@fahrenheit: "\f045";
@degrees: "\f042";
@thermometer: "\f055";
@thermometer-exterior: "\f053";
@thermometer-internal: "\f054";
@cloud-down: "\f03d";
@cloud-up: "\f040";
@cloud-refresh: "\f03e";
@horizon: "\f047";
@horizon-alt: "\f046";
@sunrise: "\f051";
@sunset: "\f052";
@moonrise: "\f0c9";
@moonset: "\f0ca";
@refresh: "\f04c";
@refresh-alt: "\f04b";
@umbrella: "\f084";
@barometer: "\f079";
@humidity: "\f07a";
@na: "\f07b";
@train: "\f0cb";
\ No newline at end of file
@moon-new: "\f095";
@moon-waxing-cresent-1: "\f096";
@moon-waxing-cresent-2: "\f097";
@moon-waxing-cresent-3: "\f098";
@moon-waxing-cresent-4: "\f099";
@moon-waxing-cresent-5: "\f09a";
@moon-waxing-cresent-6: "\f09b";
@moon-first-quarter: "\f09c";
@moon-waxing-gibbous-1: "\f09d";
@moon-waxing-gibbous-2: "\f09e";
@moon-waxing-gibbous-3: "\f09f";
@moon-waxing-gibbous-4: "\f0a0";
@moon-waxing-gibbous-5: "\f0a1";
@moon-waxing-gibbous-6: "\f0a2";
@moon-full: "\f0a3";
@moon-waning-gibbous-1: "\f0a4";
@moon-waning-gibbous-2: "\f0a5";
@moon-waning-gibbous-3: "\f0a6";
@moon-waning-gibbous-4: "\f0a7";
@moon-waning-gibbous-5: "\f0a8";
@moon-waning-gibbous-6: "\f0a9";
@moon-third-quarter: "\f0aa";
@moon-waning-crescent-1: "\f0ab";
@moon-waning-crescent-2: "\f0ac";
@moon-waning-crescent-3: "\f0ad";
@moon-waning-crescent-4: "\f0ae";
@moon-waning-crescent-5: "\f0af";
@moon-waning-crescent-6: "\f0b0";
@moon-alt-new: "\f0eb";
@moon-alt-waxing-cresent-1: "\f0d0";
@moon-alt-waxing-cresent-2: "\f0d1";
@moon-alt-waxing-cresent-3: "\f0d2";
@moon-alt-waxing-cresent-4: "\f0d3";
@moon-alt-waxing-cresent-5: "\f0d4";
@moon-alt-waxing-cresent-6: "\f0d5";
@moon-alt-first-quarter: "\f0d6";
@moon-alt-waxing-gibbous-1: "\f0d7";
@moon-alt-waxing-gibbous-2: "\f0d8";
@moon-alt-waxing-gibbous-3: "\f0d9";
@moon-alt-waxing-gibbous-4: "\f0da";
@moon-alt-waxing-gibbous-5: "\f0db";
@moon-alt-waxing-gibbous-6: "\f0dc";
@moon-alt-full: "\f0dd";
@moon-alt-waning-gibbous-1: "\f0de";
@moon-alt-waning-gibbous-2: "\f0df";
@moon-alt-waning-gibbous-3: "\f0e0";
@moon-alt-waning-gibbous-4: "\f0e1";
@moon-alt-waning-gibbous-5: "\f0e2";
@moon-alt-waning-gibbous-6: "\f0e3";
@moon-alt-third-quarter: "\f0e4";
@moon-alt-waning-crescent-1: "\f0e5";
@moon-alt-waning-crescent-2: "\f0e6";
@moon-alt-waning-crescent-3: "\f0e7";
@moon-alt-waning-crescent-4: "\f0e8";
@moon-alt-waning-crescent-5: "\f0e9";
@moon-alt-waning-crescent-6: "\f0ea";
\ No newline at end of file
@cloud: "\f041";
@cloudy: "\f013";
@cloudy-gusts: "\f011";
@cloudy-windy: "\f012";
@fog: "\f014";
@hail: "\f015";
@rain: "\f019";
@rain-mix: "\f017";
@rain-wind: "\f018";
@showers: "\f01a";
@sleet: "\f0b5";
@snow: "\f01b";
@sprinkle: "\f01c";
@storm-showers: "\f01d";
@thunderstorm: "\f01e";
@snow-wind: "\f064";
@snow: "\f01b";
@smog: "\f074";
@smoke: "\f062";
@lightning: "\f016";
@raindrops: "\f04e";
@raindrop: "\f078";
@dust: "\f063";
@snowflake-cold: "\f076";
@windy: "\f021";
@strong-wind: "\f050";
@sandstorm: "\f082";
@earthquake: "\f0c6";
@fire: "\f0c7";
@flood: "\f07c";
@meteor: "\f071";
@tsunami: "\f0c5";
@volcano: "\f0c8";
@hurricane: "\f073";
@tornado: "\f056";
@small-craft-advisory: "\f0cc";
@gale-warning: "\f0cd";
@storm-warning: "\f0ce";
@hurricane-warning: "\f0cf";
@wind-direction: "\f0b1";
\ No newline at end of file
@night-clear: "\f02e";
@night-alt-cloudy: "\f086";
@night-alt-cloudy-gusts: "\f022";
@night-alt-cloudy-windy: "\f023";
@night-alt-hail: "\f024";
@night-alt-lightning: "\f025";
@night-alt-rain: "\f028";
@night-alt-rain-mix: "\f026";
@night-alt-rain-wind: "\f027";
@night-alt-showers: "\f029";
@night-alt-sleet: "\f0b4";
@night-alt-sleet-storm: "\f06a";
@night-alt-snow: "\f02a";
@night-alt-snow-thunderstorm: "\f06d";
@night-alt-snow-wind: "\f067";
@night-alt-sprinkle: "\f02b";
@night-alt-storm-showers: "\f02c";
@night-alt-thunderstorm: "\f02d";
@night-cloudy: "\f031";
@night-cloudy-gusts: "\f02f";
@night-cloudy-windy: "\f030";
@night-fog: "\f04a";
@night-hail: "\f032";
@night-lightning: "\f033";
@night-partly-cloudy: "\f083";
@night-rain: "\f036";
@night-rain-mix: "\f034";
@night-rain-wind: "\f035";
@night-showers: "\f037";
@night-sleet: "\f0b3";
@night-sleet-storm: "\f069";
@night-snow: "\f038";
@night-snow-thunderstorm: "\f06c";
@night-snow-wind: "\f066";
@night-sprinkle: "\f039";
@night-storm-showers: "\f03a";
@night-thunderstorm: "\f03b";
@lunar-eclipse: "\f070";
@stars: "\f077";
@storm-showers: "\f01d";
@thunderstorm: "\f01e";
@night-alt-cloudy-high: "\f07e";
@night-cloudy-high: "\f080";
@night-alt-partly-cloudy: "\f081";
\ No newline at end of file
@time-1: "\f08a";
@time-2: "\f08b";
@time-3: "\f08c";
@time-4: "\f08d";
@time-5: "\f08e";
@time-6: "\f08f";
@time-7: "\f090";
@time-8: "\f091";
@time-9: "\f092";
@time-10: "\f093";
@time-11: "\f094";
@time-12: "\f089";
\ No newline at end of file
@n: "\f0b1";
@nne: "\f0b1";
@ne: "\f0b1";
@ene: "\f0b1";
@e: "\f0b1";
@ese: "\f0b1";
@se: "\f0b1";
@sse: "\f0b1";
@s: "\f0b1";
@ssw: "\f0b1";
@sw: "\f0b1";
@wsw: "\f0b1";
@w: "\f0b1";
@wnw: "\f0b1";
@nw: "\f0b1";
@nnw: "\f0b1";
@n: "\f0b1";
@nne: "\f0b1";
@ne: "\f0b1";
@ene: "\f0b1";
@e: "\f0b1";
@ese: "\f0b1";
@se: "\f0b1";
@sse: "\f0b1";
@s: "\f0b1";
@ssw: "\f0b1";
@sw: "\f0b1";
@wsw: "\f0b1";
@w: "\f0b1";
@wnw: "\f0b1";
@nw: "\f0b1";
@nnw: "\f0b1";
\ No newline at end of file
.@{wi-css-prefix}-forecast-io-clear-day:before { content: @day-sunny ; }
.@{wi-css-prefix}-forecast-io-clear-night:before { content: @night-clear ; }
.@{wi-css-prefix}-forecast-io-rain:before { content: @rain ; }
.@{wi-css-prefix}-forecast-io-snow:before { content: @snow ; }
.@{wi-css-prefix}-forecast-io-sleet:before { content: @sleet ; }
.@{wi-css-prefix}-forecast-io-wind:before { content: @strong-wind ; }
.@{wi-css-prefix}-forecast-io-fog:before { content: @fog ; }
.@{wi-css-prefix}-forecast-io-cloudy:before { content: @cloudy ; }
.@{wi-css-prefix}-forecast-io-partly-cloudy-day:before { content: @day-cloudy ; }
.@{wi-css-prefix}-forecast-io-partly-cloudy-night:before { content: @night-cloudy ; }
.@{wi-css-prefix}-forecast-io-hail:before { content: @hail ; }
.@{wi-css-prefix}-forecast-io-thunderstorm:before { content: @thunderstorm ; }
.@{wi-css-prefix}-forecast-io-tornado:before { content: @tornado ; }
\ No newline at end of file
.@{wi-css-prefix}-wmo4680-0:before,
.@{wi-css-prefix}-wmo4680-00:before { content: @thermometer ; }
.@{wi-css-prefix}-wmo4680-1:before,
.@{wi-css-prefix}-wmo4680-01:before { content: @cloudy ; }
.@{wi-css-prefix}-wmo4680-2:before,
.@{wi-css-prefix}-wmo4680-02:before { content: @thermometer ; }
.@{wi-css-prefix}-wmo4680-3:before,
.@{wi-css-prefix}-wmo4680-03:before { content: @cloudy ; }
.@{wi-css-prefix}-wmo4680-4:before,
.@{wi-css-prefix}-wmo4680-04:before { content: @fog ; }
.@{wi-css-prefix}-wmo4680-5:before,
.@{wi-css-prefix}-wmo4680-05:before { content: @fog ; }
.@{wi-css-prefix}-wmo4680-10:before { content: @fog ; }
.@{wi-css-prefix}-wmo4680-11:before { content: @fog ; }
.@{wi-css-prefix}-wmo4680-12:before { content: @lightning ; }
.@{wi-css-prefix}-wmo4680-18:before { content: @strong-wind ; }
.@{wi-css-prefix}-wmo4680-20:before { content: @fog ; }
.@{wi-css-prefix}-wmo4680-21:before { content: @rain-mix ; }
.@{wi-css-prefix}-wmo4680-22:before { content: @rain-mix ; }
.@{wi-css-prefix}-wmo4680-23:before { content: @rain ; }
.@{wi-css-prefix}-wmo4680-24:before { content: @snow ; }
.@{wi-css-prefix}-wmo4680-25:before { content: @hail ; }
.@{wi-css-prefix}-wmo4680-26:before { content: @thunderstorm ; }
.@{wi-css-prefix}-wmo4680-27:before { content: @dust ; }
.@{wi-css-prefix}-wmo4680-28:before { content: @dust ; }
.@{wi-css-prefix}-wmo4680-29:before { content: @dust ; }
.@{wi-css-prefix}-wmo4680-30:before { content: @fog ; }
.@{wi-css-prefix}-wmo4680-31:before { content: @fog ; }
.@{wi-css-prefix}-wmo4680-32:before { content: @fog ; }
.@{wi-css-prefix}-wmo4680-33:before { content: @fog ; }
.@{wi-css-prefix}-wmo4680-34:before { content: @fog ; }
.@{wi-css-prefix}-wmo4680-35:before { content: @fog ; }
.@{wi-css-prefix}-wmo4680-40:before { content: @rain-mix ; }
.@{wi-css-prefix}-wmo4680-41:before { content: @sprinkle ; }
.@{wi-css-prefix}-wmo4680-42:before { content: @rain ; }
.@{wi-css-prefix}-wmo4680-43:before { content: @sprinkle ; }
.@{wi-css-prefix}-wmo4680-44:before { content: @rain ; }
.@{wi-css-prefix}-wmo4680-45:before { content: @hail ; }
.@{wi-css-prefix}-wmo4680-46:before { content: @hail ; }
.@{wi-css-prefix}-wmo4680-47:before { content: @snow ; }
.@{wi-css-prefix}-wmo4680-48:before { content: @snow ; }
.@{wi-css-prefix}-wmo4680-50:before { content: @sprinkle ; }
.@{wi-css-prefix}-wmo4680-51:before { content: @sprinkle ; }
.@{wi-css-prefix}-wmo4680-52:before { content: @rain ; }
.@{wi-css-prefix}-wmo4680-53:before { content: @rain ; }
.@{wi-css-prefix}-wmo4680-54:before { content: @snowflake-cold ; }
.@{wi-css-prefix}-wmo4680-55:before { content: @snowflake-cold ; }
.@{wi-css-prefix}-wmo4680-56:before { content: @snowflake-cold ; }
.@{wi-css-prefix}-wmo4680-57:before { content: @sprinkle ; }
.@{wi-css-prefix}-wmo4680-58:before { content: @rain ; }
.@{wi-css-prefix}-wmo4680-60:before { content: @sprinkle ; }
.@{wi-css-prefix}-wmo4680-61:before { content: @sprinkle ; }
.@{wi-css-prefix}-wmo4680-62:before { content: @rain ; }
.@{wi-css-prefix}-wmo4680-63:before { content: @rain ; }
.@{wi-css-prefix}-wmo4680-64:before { content: @hail ; }
.@{wi-css-prefix}-wmo4680-65:before { content: @hail ; }
.@{wi-css-prefix}-wmo4680-66:before { content: @hail ; }
.@{wi-css-prefix}-wmo4680-67:before { content: @rain-mix ; }
.@{wi-css-prefix}-wmo4680-68:before { content: @rain-mix ; }
.@{wi-css-prefix}-wmo4680-70:before { content: @snow ; }
.@{wi-css-prefix}-wmo4680-71:before { content: @snow ; }
.@{wi-css-prefix}-wmo4680-72:before { content: @snow ; }
.@{wi-css-prefix}-wmo4680-73:before { content: @snow ; }
.@{wi-css-prefix}-wmo4680-74:before { content: @snowflake-cold ; }
.@{wi-css-prefix}-wmo4680-75:before { content: @snowflake-cold ; }
.@{wi-css-prefix}-wmo4680-76:before { content: @snowflake-cold ; }
.@{wi-css-prefix}-wmo4680-77:before { content: @snow ; }
.@{wi-css-prefix}-wmo4680-78:before { content: @snowflake-cold ; }
.@{wi-css-prefix}-wmo4680-80:before { content: @rain ; }
.@{wi-css-prefix}-wmo4680-81:before { content: @sprinkle ; }
.@{wi-css-prefix}-wmo4680-82:before { content: @rain ; }
.@{wi-css-prefix}-wmo4680-83:before { content: @rain ; }
.@{wi-css-prefix}-wmo4680-84:before { content: @storm-showers ; }
.@{wi-css-prefix}-wmo4680-85:before { content: @rain-mix ; }
.@{wi-css-prefix}-wmo4680-86:before { content: @rain-mix ; }
.@{wi-css-prefix}-wmo4680-87:before { content: @rain-mix ; }
.@{wi-css-prefix}-wmo4680-89:before { content: @hail ; }
.@{wi-css-prefix}-wmo4680-90:before { content: @lightning ; }
.@{wi-css-prefix}-wmo4680-91:before { content: @storm-showers ; }
.@{wi-css-prefix}-wmo4680-92:before { content: @thunderstorm ; }
.@{wi-css-prefix}-wmo4680-93:before { content: @thunderstorm ; }
.@{wi-css-prefix}-wmo4680-94:before { content: @lightning ; }
.@{wi-css-prefix}-wmo4680-95:before { content: @thunderstorm ; }
.@{wi-css-prefix}-wmo4680-96:before { content: @thunderstorm ; }
.@{wi-css-prefix}-wmo4680-99:before { content: @tornado ; }
\ No newline at end of file
.@{wi-css-prefix}-yahoo-0:before { content: @tornado; };
.@{wi-css-prefix}-yahoo-1:before { content: @day-storm-showers; };
.@{wi-css-prefix}-yahoo-2:before { content: @hurricane; };
.@{wi-css-prefix}-yahoo-3:before { content: @thunderstorm; };
.@{wi-css-prefix}-yahoo-4:before { content: @thunderstorm; };
.@{wi-css-prefix}-yahoo-5:before { content: @rain-mix; };
.@{wi-css-prefix}-yahoo-6:before { content: @rain-mix; };
.@{wi-css-prefix}-yahoo-7:before { content: @rain-mix; };
.@{wi-css-prefix}-yahoo-8:before { content: @hail; };
.@{wi-css-prefix}-yahoo-9:before { content: @showers; };
.@{wi-css-prefix}-yahoo-10:before { content: @hail; };
.@{wi-css-prefix}-yahoo-11:before { content: @showers; };
.@{wi-css-prefix}-yahoo-12:before { content: @showers; };
.@{wi-css-prefix}-yahoo-13:before { content: @snow; };
.@{wi-css-prefix}-yahoo-14:before { content: @day-snow; };
.@{wi-css-prefix}-yahoo-15:before { content: @snow-wind; };
.@{wi-css-prefix}-yahoo-16:before { content: @snow; };
.@{wi-css-prefix}-yahoo-17:before { content: @hail; };
.@{wi-css-prefix}-yahoo-18:before { content: @rain-mix; };
.@{wi-css-prefix}-yahoo-19:before { content: @dust; };
.@{wi-css-prefix}-yahoo-20:before { content: @fog; };
.@{wi-css-prefix}-yahoo-21:before { content: @windy; };
.@{wi-css-prefix}-yahoo-22:before { content: @smoke; };
.@{wi-css-prefix}-yahoo-23:before { content: @strong-wind; };
.@{wi-css-prefix}-yahoo-24:before { content: @strong-wind; };
.@{wi-css-prefix}-yahoo-25:before { content: @snowflake-cold; };
.@{wi-css-prefix}-yahoo-26:before { content: @cloudy; };
.@{wi-css-prefix}-yahoo-27:before { content: @night-cloudy; };
.@{wi-css-prefix}-yahoo-28:before { content: @day-cloudy; };
.@{wi-css-prefix}-yahoo-29:before { content: @night-cloudy; };
.@{wi-css-prefix}-yahoo-30:before { content: @day-cloudy; };
.@{wi-css-prefix}-yahoo-31:before { content: @night-clear; };
.@{wi-css-prefix}-yahoo-32:before { content: @day-sunny; };
.@{wi-css-prefix}-yahoo-33:before { content: @night-partly-cloudy; };
.@{wi-css-prefix}-yahoo-34:before { content: @day-sunny-overcast; };
.@{wi-css-prefix}-yahoo-35:before { content: @rain-mix; };
.@{wi-css-prefix}-yahoo-36:before { content: @hot; };
.@{wi-css-prefix}-yahoo-37:before { content: @day-storm-showers; };
.@{wi-css-prefix}-yahoo-38:before { content: @day-storm-showers; };
.@{wi-css-prefix}-yahoo-39:before { content: @day-storm-showers; };
.@{wi-css-prefix}-yahoo-40:before { content: @showers; };
.@{wi-css-prefix}-yahoo-41:before { content: @snow-wind; };
.@{wi-css-prefix}-yahoo-42:before { content: @snow; };
.@{wi-css-prefix}-yahoo-43:before { content: @snow-wind; };
.@{wi-css-prefix}-yahoo-44:before { content: @day-sunny-overcast; };
.@{wi-css-prefix}-yahoo-45:before { content: @day-storm-showers; };
.@{wi-css-prefix}-yahoo-46:before { content: @snow; };
.@{wi-css-prefix}-yahoo-47:before { content: @day-storm-showers; };
.@{wi-css-prefix}-yahoo-3200:before { content: @stars; };
\ No newline at end of file
@import "icon-classes/classes-day.less";
@import "icon-classes/classes-night.less";
@import "icon-classes/classes-neutral.less";
@import "icon-classes/classes-misc.less";
@import "icon-classes/classes-moon.less";
@import "icon-classes/classes-moon-aliases.less";
@import "icon-classes/classes-time.less";
@import "icon-classes/classes-direction.less";
@import "icon-classes/classes-beaufort.less";
// Base Variables
@wi-path: "../fonts";
@wi-version: "2.0";
@wi-css-prefix: wi;
@wi-font-family: weathericons;
@font-face {
font-family: '@{wi-font-family}';
src: url('../less/icons/weather-icons/font/@{wi-font-family}-regular-webfont.eot');
src: url('../less/icons/weather-icons/font/@{wi-font-family}-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../less/icons/weather-icons/font/@{wi-font-family}-regular-webfont.woff2') format('woff2'),
url('../less/icons/weather-icons/font/@{wi-font-family}-regular-webfont.woff') format('woff'),
url('../less/icons/weather-icons/font/@{wi-font-family}-regular-webfont.ttf') format('truetype'),
url('../less/icons/weather-icons/font/@{wi-font-family}-regular-webfont.svg#weather_iconsregular') format('svg');
font-weight: normal;
font-style: normal;
}
.@{wi-css-prefix} {
display: inline-block;
font-family: '@{wi-font-family}';
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.@{wi-css-prefix}-fw {
text-align: center;
width: 1.4em;
}
.wi-icon-rotate(@degrees, @rotation) {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=@rotation);
-webkit-transform: rotate(@degrees);
-ms-transform: rotate(@degrees);
transform: rotate(@degrees);
}
.wi-icon-flip(@horiz, @vert, @rotation) {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=@rotation, mirror=1);
-webkit-transform: scale(@horiz, @vert);
-ms-transform: scale(@horiz, @vert);
transform: scale(@horiz, @vert);
}
.@{wi-css-prefix}-rotate-90 { .wi-icon-rotate(90deg, 1); }
.@{wi-css-prefix}-rotate-180 { .wi-icon-rotate(180deg, 2); }
.@{wi-css-prefix}-rotate-270 { .wi-icon-rotate(270deg, 3); }
.@{wi-css-prefix}-flip-horizontal { .wi-icon-flip(-1, 1, 0); }
.@{wi-css-prefix}-flip-vertical { .wi-icon-flip(1, -1, 2); }
\ No newline at end of file
@import "icon-variables/variables-beaufort.less";
@import "icon-variables/variables-time.less";
@import "icon-variables/variables-moon.less";
@import "icon-variables/variables-direction.less";
@import "icon-variables/variables-day.less";
@import "icon-variables/variables-night.less";
@import "icon-variables/variables-neutral.less";
@import "icon-variables/variables-misc.less";
@import "weather-icons-core.less";
@import "icon-variables/variables-wind-names.less";
@import "icon-classes/classes-wind.less";
@import "icon-classes/classes-wind-degrees.less";
@import "icon-classes/classes-wind-aliases.less";
\ No newline at end of file
@import "weather-icons-core.less";
@import "icon-variables/variables-wind-names.less";
@import "icon-classes/classes-wind.less";
@import "icon-classes/classes-wind-degrees.less";
@import "icon-classes/classes-wind-aliases.less";
\ No newline at end of file
/*!
* Weather Icons 2.0
* Updated August 1, 2015
* Weather themed icons for Bootstrap
* Author - Erik Flowers - erik@helloerik.com
* Email: erik@helloerik.com
* Twitter: http://twitter.com/Erik_UX
* ------------------------------------------------------------------------------
* Maintained at http://erikflowers.github.io/weather-icons
*
* License
* ------------------------------------------------------------------------------
* - Font licensed under SIL OFL 1.1 -
* http://scripts.sil.org/OFL
* - CSS, SCSS and LESS are licensed under MIT License -
* http://opensource.org/licenses/mit-license.html
* - Documentation licensed under CC BY 3.0 -
* http://creativecommons.org/licenses/by/3.0/
* - Inspired by and works great as a companion with Font Awesome
* "Font Awesome by Dave Gandy - http://fontawesome.io"
*/
@import "weather-icons-core.less";
@import "weather-icons-variables.less";
@import "weather-icons-classes.less";
// Mappings to various APIs
@import "mappings/wi-yahoo.less";
@import "mappings/wi-forecast-io.less";
@import "mappings/wi-wmo4680.less";
@import "mappings/wi-owm.less";
/*!
* Weather Icons 2.0
* Updated August 1, 2015
* Weather themed icons for Bootstrap
* Author - Erik Flowers - erik@helloerik.com
* Email: erik@helloerik.com
* Twitter: http://twitter.com/Erik_UX
* ------------------------------------------------------------------------------
* Maintained at http://erikflowers.github.io/weather-icons
*
* License
* ------------------------------------------------------------------------------
* - Font licensed under SIL OFL 1.1 -
* http://scripts.sil.org/OFL
* - CSS, SCSS and LESS are licensed under MIT License -
* http://opensource.org/licenses/mit-license.html
* - Documentation licensed under CC BY 3.0 -
* http://creativecommons.org/licenses/by/3.0/
* - Inspired by and works great as a companion with Font Awesome
* "Font Awesome by Dave Gandy - http://fontawesome.io"
*/
@import "weather-icons-core.less";
@import "weather-icons-variables.less";
@import "weather-icons-classes.less";
// Mappings to various APIs
@import "mappings/wi-yahoo.less";
@import "mappings/wi-forecast-io.less";
@import "mappings/wi-wmo4680.less";
@import "mappings/wi-owm.less";
\ No newline at end of file
.wi-wind-beaufort-0:before {content: $wind-beaufort-0;}
.wi-wind-beaufort-1:before {content: $wind-beaufort-1;}
.wi-wind-beaufort-2:before {content: $wind-beaufort-2;}
.wi-wind-beaufort-3:before {content: $wind-beaufort-3;}
.wi-wind-beaufort-4:before {content: $wind-beaufort-4;}
.wi-wind-beaufort-5:before {content: $wind-beaufort-5;}
.wi-wind-beaufort-6:before {content: $wind-beaufort-6;}
.wi-wind-beaufort-7:before {content: $wind-beaufort-7;}
.wi-wind-beaufort-8:before {content: $wind-beaufort-8;}
.wi-wind-beaufort-9:before {content: $wind-beaufort-9;}
.wi-wind-beaufort-10:before {content: $wind-beaufort-10;}
.wi-wind-beaufort-11:before {content: $wind-beaufort-11;}
.wi-wind-beaufort-12:before {content: $wind-beaufort-12;}
\ No newline at end of file
.wi-day-sunny:before {content: $day-sunny;}
.wi-day-cloudy:before {content: $day-cloudy;}
.wi-day-cloudy-gusts:before {content: $day-cloudy-gusts;}
.wi-day-cloudy-windy:before {content: $day-cloudy-windy;}
.wi-day-fog:before {content: $day-fog;}
.wi-day-hail:before {content: $day-hail;}
.wi-day-haze:before {content: $day-haze;}
.wi-day-lightning:before {content: $day-lightning;}
.wi-day-rain:before {content: $day-rain;}
.wi-day-rain-mix:before {content: $day-rain-mix;}
.wi-day-rain-wind:before {content: $day-rain-wind;}
.wi-day-showers:before {content: $day-showers;}
.wi-day-sleet:before {content: $day-sleet;}
.wi-day-sleet-storm:before {content: $day-sleet-storm;}
.wi-day-snow:before {content: $day-snow;}
.wi-day-snow-thunderstorm:before {content: $day-snow-thunderstorm;}
.wi-day-snow-wind:before {content: $day-snow-wind;}
.wi-day-sprinkle:before {content: $day-sprinkle;}
.wi-day-storm-showers:before {content: $day-storm-showers;}
.wi-day-sunny-overcast:before {content: $day-sunny-overcast;}
.wi-day-thunderstorm:before {content: $day-thunderstorm;}
.wi-day-windy:before {content: $day-windy;}
.wi-solar-eclipse:before {content: $solar-eclipse;}
.wi-hot:before {content: $hot;}
.wi-day-cloudy-high:before {content: $day-cloudy-high;}
.wi-day-light-wind:before {content: $day-light-wind;}
\ No newline at end of file
.wi-direction-up:before {content: $direction-up;}
.wi-direction-up-right:before {content: $direction-up-right;}
.wi-direction-right:before {content: $direction-right;}
.wi-direction-down-right:before {content: $direction-down-right;}
.wi-direction-down:before {content: $direction-down;}
.wi-direction-down-left:before {content: $direction-down-left;}
.wi-direction-left:before {content: $direction-left;}
.wi-direction-up-left:before {content: $direction-up-left;}
\ No newline at end of file
.wi-alien:before {content: $alien;}
.wi-celsius:before {content: $celsius;}
.wi-fahrenheit:before {content: $fahrenheit;}
.wi-degrees:before {content: $degrees;}
.wi-thermometer:before {content: $thermometer;}
.wi-thermometer-exterior:before {content: $thermometer-exterior;}
.wi-thermometer-internal:before {content: $thermometer-internal;}
.wi-cloud-down:before {content: $cloud-down;}
.wi-cloud-up:before {content: $cloud-up;}
.wi-cloud-refresh:before {content: $cloud-refresh;}
.wi-horizon:before {content: $horizon;}
.wi-horizon-alt:before {content: $horizon-alt;}
.wi-sunrise:before {content: $sunrise;}
.wi-sunset:before {content: $sunset;}
.wi-moonrise:before {content: $moonrise;}
.wi-moonset:before {content: $moonset;}
.wi-refresh:before {content: $refresh;}
.wi-refresh-alt:before {content: $refresh-alt;}
.wi-umbrella:before {content: $umbrella;}
.wi-barometer:before {content: $barometer;}
.wi-humidity:before {content: $humidity;}
.wi-na:before {content: $na;}
.wi-train:before {content: $train;}
\ No newline at end of file
.wi-moon-0:before {content: $moon-new;}
.wi-moon-1:before {content: $moon-waxing-cresent-1;}
.wi-moon-2:before {content: $moon-waxing-cresent-2;}
.wi-moon-3:before {content: $moon-waxing-cresent-3;}
.wi-moon-4:before {content: $moon-waxing-cresent-4;}
.wi-moon-5:before {content: $moon-waxing-cresent-5;}
.wi-moon-6:before {content: $moon-waxing-cresent-6;}
.wi-moon-7:before {content: $moon-first-quarter;}
.wi-moon-8:before {content: $moon-waxing-gibbous-1;}
.wi-moon-9:before {content: $moon-waxing-gibbous-2;}
.wi-moon-10:before {content: $moon-waxing-gibbous-3;}
.wi-moon-11:before {content: $moon-waxing-gibbous-4;}
.wi-moon-12:before {content: $moon-waxing-gibbous-5;}
.wi-moon-13:before {content: $moon-waxing-gibbous-6;}
.wi-moon-14:before {content: $moon-full;}
.wi-moon-15:before {content: $moon-waning-gibbous-1;}
.wi-moon-16:before {content: $moon-waning-gibbous-2;}
.wi-moon-17:before {content: $moon-waning-gibbous-3;}
.wi-moon-18:before {content: $moon-waning-gibbous-4;}
.wi-moon-19:before {content: $moon-waning-gibbous-5;}
.wi-moon-20:before {content: $moon-waning-gibbous-6;}
.wi-moon-21:before {content: $moon-third-quarter;}
.wi-moon-22:before {content: $moon-waning-crescent-1;}
.wi-moon-23:before {content: $moon-waning-crescent-2;}
.wi-moon-24:before {content: $moon-waning-crescent-3;}
.wi-moon-25:before {content: $moon-waning-crescent-4;}
.wi-moon-26:before {content: $moon-waning-crescent-5;}
.wi-moon-27:before {content: $moon-waning-crescent-6;}
\ No newline at end of file
.wi-moon-new:before {content: $moon-new;}
.wi-moon-waxing-cresent-1:before {content: $moon-waxing-cresent-1;}
.wi-moon-waxing-cresent-2:before {content: $moon-waxing-cresent-2;}
.wi-moon-waxing-cresent-3:before {content: $moon-waxing-cresent-3;}
.wi-moon-waxing-cresent-4:before {content: $moon-waxing-cresent-4;}
.wi-moon-waxing-cresent-5:before {content: $moon-waxing-cresent-5;}
.wi-moon-waxing-cresent-6:before {content: $moon-waxing-cresent-6;}
.wi-moon-first-quarter:before {content: $moon-first-quarter;}
.wi-moon-waxing-gibbous-1:before {content: $moon-waxing-gibbous-1;}
.wi-moon-waxing-gibbous-2:before {content: $moon-waxing-gibbous-2;}
.wi-moon-waxing-gibbous-3:before {content: $moon-waxing-gibbous-3;}
.wi-moon-waxing-gibbous-4:before {content: $moon-waxing-gibbous-4;}
.wi-moon-waxing-gibbous-5:before {content: $moon-waxing-gibbous-5;}
.wi-moon-waxing-gibbous-6:before {content: $moon-waxing-gibbous-6;}
.wi-moon-full:before {content: $moon-full;}
.wi-moon-waning-gibbous-1:before {content: $moon-waning-gibbous-1;}
.wi-moon-waning-gibbous-2:before {content: $moon-waning-gibbous-2;}
.wi-moon-waning-gibbous-3:before {content: $moon-waning-gibbous-3;}
.wi-moon-waning-gibbous-4:before {content: $moon-waning-gibbous-4;}
.wi-moon-waning-gibbous-5:before {content: $moon-waning-gibbous-5;}
.wi-moon-waning-gibbous-6:before {content: $moon-waning-gibbous-6;}
.wi-moon-third-quarter:before {content: $moon-third-quarter;}
.wi-moon-waning-crescent-1:before {content: $moon-waning-crescent-1;}
.wi-moon-waning-crescent-2:before {content: $moon-waning-crescent-2;}
.wi-moon-waning-crescent-3:before {content: $moon-waning-crescent-3;}
.wi-moon-waning-crescent-4:before {content: $moon-waning-crescent-4;}
.wi-moon-waning-crescent-5:before {content: $moon-waning-crescent-5;}
.wi-moon-waning-crescent-6:before {content: $moon-waning-crescent-6;}
.wi-moon-alt-new:before {content: $moon-alt-new;}
.wi-moon-alt-waxing-cresent-1:before {content: $moon-alt-waxing-cresent-1;}
.wi-moon-alt-waxing-cresent-2:before {content: $moon-alt-waxing-cresent-2;}
.wi-moon-alt-waxing-cresent-3:before {content: $moon-alt-waxing-cresent-3;}
.wi-moon-alt-waxing-cresent-4:before {content: $moon-alt-waxing-cresent-4;}
.wi-moon-alt-waxing-cresent-5:before {content: $moon-alt-waxing-cresent-5;}
.wi-moon-alt-waxing-cresent-6:before {content: $moon-alt-waxing-cresent-6;}
.wi-moon-alt-first-quarter:before {content: $moon-alt-first-quarter;}
.wi-moon-alt-waxing-gibbous-1:before {content: $moon-alt-waxing-gibbous-1;}
.wi-moon-alt-waxing-gibbous-2:before {content: $moon-alt-waxing-gibbous-2;}
.wi-moon-alt-waxing-gibbous-3:before {content: $moon-alt-waxing-gibbous-3;}
.wi-moon-alt-waxing-gibbous-4:before {content: $moon-alt-waxing-gibbous-4;}
.wi-moon-alt-waxing-gibbous-5:before {content: $moon-alt-waxing-gibbous-5;}
.wi-moon-alt-waxing-gibbous-6:before {content: $moon-alt-waxing-gibbous-6;}
.wi-moon-alt-full:before {content: $moon-alt-full;}
.wi-moon-alt-waning-gibbous-1:before {content: $moon-alt-waning-gibbous-1;}
.wi-moon-alt-waning-gibbous-2:before {content: $moon-alt-waning-gibbous-2;}
.wi-moon-alt-waning-gibbous-3:before {content: $moon-alt-waning-gibbous-3;}
.wi-moon-alt-waning-gibbous-4:before {content: $moon-alt-waning-gibbous-4;}
.wi-moon-alt-waning-gibbous-5:before {content: $moon-alt-waning-gibbous-5;}
.wi-moon-alt-waning-gibbous-6:before {content: $moon-alt-waning-gibbous-6;}
.wi-moon-alt-third-quarter:before {content: $moon-alt-third-quarter;}
.wi-moon-alt-waning-crescent-1:before {content: $moon-alt-waning-crescent-1;}
.wi-moon-alt-waning-crescent-2:before {content: $moon-alt-waning-crescent-2;}
.wi-moon-alt-waning-crescent-3:before {content: $moon-alt-waning-crescent-3;}
.wi-moon-alt-waning-crescent-4:before {content: $moon-alt-waning-crescent-4;}
.wi-moon-alt-waning-crescent-5:before {content: $moon-alt-waning-crescent-5;}
.wi-moon-alt-waning-crescent-6:before {content: $moon-alt-waning-crescent-6;}
\ No newline at end of file
.wi-cloud:before {content: $cloud;}
.wi-cloudy:before {content: $cloudy;}
.wi-cloudy-gusts:before {content: $cloudy-gusts;}
.wi-cloudy-windy:before {content: $cloudy-windy;}
.wi-fog:before {content: $fog;}
.wi-hail:before {content: $hail;}
.wi-rain:before {content: $rain;}
.wi-rain-mix:before {content: $rain-mix;}
.wi-rain-wind:before {content: $rain-wind;}
.wi-showers:before {content: $showers;}
.wi-sleet:before {content: $sleet;}
.wi-snow:before {content: $snow;}
.wi-sprinkle:before {content: $sprinkle;}
.wi-storm-showers:before {content: $storm-showers;}
.wi-thunderstorm:before {content: $thunderstorm;}
.wi-snow-wind:before {content: $snow-wind;}
.wi-snow:before {content: $snow;}
.wi-smog:before {content: $smog;}
.wi-smoke:before {content: $smoke;}
.wi-lightning:before {content: $lightning;}
.wi-raindrops:before {content: $raindrops;}
.wi-raindrop:before {content: $raindrop;}
.wi-dust:before {content: $dust;}
.wi-snowflake-cold:before {content: $snowflake-cold;}
.wi-windy:before {content: $windy;}
.wi-strong-wind:before {content: $strong-wind;}
.wi-sandstorm:before {content: $sandstorm;}
.wi-earthquake:before {content: $earthquake;}
.wi-fire:before {content: $fire;}
.wi-flood:before {content: $flood;}
.wi-meteor:before {content: $meteor;}
.wi-tsunami:before {content: $tsunami;}
.wi-volcano:before {content: $volcano;}
.wi-hurricane:before {content: $hurricane;}
.wi-tornado:before {content: $tornado;}
.wi-small-craft-advisory:before {content: $small-craft-advisory;}
.wi-gale-warning:before {content: $gale-warning;}
.wi-storm-warning:before {content: $storm-warning;}
.wi-hurricane-warning:before {content: $hurricane-warning;}
.wi-wind-direction:before {content: $wind-direction;}
\ No newline at end of file
.wi-night-clear:before {content: $night-clear;}
.wi-night-alt-cloudy:before {content: $night-alt-cloudy;}
.wi-night-alt-cloudy-gusts:before {content: $night-alt-cloudy-gusts;}
.wi-night-alt-cloudy-windy:before {content: $night-alt-cloudy-windy;}
.wi-night-alt-hail:before {content: $night-alt-hail;}
.wi-night-alt-lightning:before {content: $night-alt-lightning;}
.wi-night-alt-rain:before {content: $night-alt-rain;}
.wi-night-alt-rain-mix:before {content: $night-alt-rain-mix;}
.wi-night-alt-rain-wind:before {content: $night-alt-rain-wind;}
.wi-night-alt-showers:before {content: $night-alt-showers;}
.wi-night-alt-sleet:before {content: $night-alt-sleet;}
.wi-night-alt-sleet-storm:before {content: $night-alt-sleet-storm;}
.wi-night-alt-snow:before {content: $night-alt-snow;}
.wi-night-alt-snow-thunderstorm:before {content: $night-alt-snow-thunderstorm;}
.wi-night-alt-snow-wind:before {content: $night-alt-snow-wind;}
.wi-night-alt-sprinkle:before {content: $night-alt-sprinkle;}
.wi-night-alt-storm-showers:before {content: $night-alt-storm-showers;}
.wi-night-alt-thunderstorm:before {content: $night-alt-thunderstorm;}
.wi-night-cloudy:before {content: $night-cloudy;}
.wi-night-cloudy-gusts:before {content: $night-cloudy-gusts;}
.wi-night-cloudy-windy:before {content: $night-cloudy-windy;}
.wi-night-fog:before {content: $night-fog;}
.wi-night-hail:before {content: $night-hail;}
.wi-night-lightning:before {content: $night-lightning;}
.wi-night-partly-cloudy:before {content: $night-partly-cloudy;}
.wi-night-rain:before {content: $night-rain;}
.wi-night-rain-mix:before {content: $night-rain-mix;}
.wi-night-rain-wind:before {content: $night-rain-wind;}
.wi-night-showers:before {content: $night-showers;}
.wi-night-sleet:before {content: $night-sleet;}
.wi-night-sleet-storm:before {content: $night-sleet-storm;}
.wi-night-snow:before {content: $night-snow;}
.wi-night-snow-thunderstorm:before {content: $night-snow-thunderstorm;}
.wi-night-snow-wind:before {content: $night-snow-wind;}
.wi-night-sprinkle:before {content: $night-sprinkle;}
.wi-night-storm-showers:before {content: $night-storm-showers;}
.wi-night-thunderstorm:before {content: $night-thunderstorm;}
.wi-lunar-eclipse:before {content: $lunar-eclipse;}
.wi-stars:before {content: $stars;}
.wi-storm-showers:before {content: $storm-showers;}
.wi-thunderstorm:before {content: $thunderstorm;}
.wi-night-alt-cloudy-high:before {content: $night-alt-cloudy-high;}
.wi-night-cloudy-high:before {content: $night-cloudy-high;}
.wi-night-alt-partly-cloudy:before {content: $night-alt-partly-cloudy;}
\ No newline at end of file
.wi-time-1:before {content: $time-1;}
.wi-time-2:before {content: $time-2;}
.wi-time-3:before {content: $time-3;}
.wi-time-4:before {content: $time-4;}
.wi-time-5:before {content: $time-5;}
.wi-time-6:before {content: $time-6;}
.wi-time-7:before {content: $time-7;}
.wi-time-8:before {content: $time-8;}
.wi-time-9:before {content: $time-9;}
.wi-time-10:before {content: $time-10;}
.wi-time-11:before {content: $time-11;}
.wi-time-12:before {content: $time-12;}
\ No newline at end of file
@mixin wind-rotate( $val: 0deg ) {
-webkit-transform: rotate($val);
-moz-transform: rotate($val);
-ms-transform: rotate($val);
-o-transform: rotate($val);
transform: rotate($val);
}
.wi-wind-towards-n {
@include wind-rotate(0deg);
}
.wi-wind-towards-nne {
@include wind-rotate(23deg);
}
.wi-wind-towards-ne {
@include wind-rotate(45deg);
}
.wi-wind-towards-ene {
@include wind-rotate(68deg);
}
.wi-wind-towards-e {
@include wind-rotate(90deg);
}
.wi-wind-towards-ese {
@include wind-rotate(113deg);
}
.wi-wind-towards-se {
@include wind-rotate(135deg);
}
.wi-wind-towards-sse {
@include wind-rotate(158deg);
}
.wi-wind-towards-s {
@include wind-rotate(180deg);
}
.wi-wind-towards-ssw {
@include wind-rotate(203deg);
}
.wi-wind-towards-sw {
@include wind-rotate(225deg);
}
.wi-wind-towards-wsw {
@include wind-rotate(248deg);
}
.wi-wind-towards-w {
@include wind-rotate(270deg);
}
.wi-wind-towards-wnw {
@include wind-rotate(293deg);
}
.wi-wind-towards-nw {
@include wind-rotate(313deg);
}
.wi-wind-towards-nnw {
@include wind-rotate(336deg);
}
.wi-wind-from-n {
@include wind-rotate(0deg);
}
.wi-wind-from-nne {
@include wind-rotate(23deg);
}
.wi-wind-from-ne {
@include wind-rotate(45deg);
}
.wi-wind-from-ene {
@include wind-rotate(68deg);
}
.wi-wind-from-e {
@include wind-rotate(90deg);
}
.wi-wind-from-ese {
@include wind-rotate(113deg);
}
.wi-wind-from-se {
@include wind-rotate(135deg);
}
.wi-wind-from-sse {
@include wind-rotate(158deg);
}
.wi-wind-from-s {
@include wind-rotate(180deg);
}
.wi-wind-from-ssw {
@include wind-rotate(203deg);
}
.wi-wind-from-sw {
@include wind-rotate(225deg);
}
.wi-wind-from-wsw {
@include wind-rotate(248deg);
}
.wi-wind-from-w {
@include wind-rotate(270deg);
}
.wi-wind-from-wnw {
@include wind-rotate(293deg);
}
.wi-wind-from-nw {
@include wind-rotate(313deg);
}
.wi-wind-from-nnw {
@include wind-rotate(336deg);
}
\ No newline at end of file
// Wind Variables 2.0
$wind: "\f0b1";
.#{$wi-css-prefix}-wind:before { content: $wind; }
@mixin wind-rotate( $val: 0deg ) {
-webkit-transform: rotate($val);
-moz-transform: rotate($val);
-ms-transform: rotate($val);
-o-transform: rotate($val);
transform: rotate($val);
}
@import "classes-wind-degrees.scss";
\ No newline at end of file
$wind-beaufort-0: "\f0b7";
$wind-beaufort-1: "\f0b8";
$wind-beaufort-2: "\f0b9";
$wind-beaufort-3: "\f0ba";
$wind-beaufort-4: "\f0bb";
$wind-beaufort-5: "\f0bc";
$wind-beaufort-6: "\f0bd";
$wind-beaufort-7: "\f0be";
$wind-beaufort-8: "\f0bf";
$wind-beaufort-9: "\f0c0";
$wind-beaufort-10: "\f0c1";
$wind-beaufort-11: "\f0c2";
$wind-beaufort-12: "\f0c3";
\ No newline at end of file
$day-sunny: "\f00d";
$day-cloudy: "\f002";
$day-cloudy-gusts: "\f000";
$day-cloudy-windy: "\f001";
$day-fog: "\f003";
$day-hail: "\f004";
$day-haze: "\f0b6";
$day-lightning: "\f005";
$day-rain: "\f008";
$day-rain-mix: "\f006";
$day-rain-wind: "\f007";
$day-showers: "\f009";
$day-sleet: "\f0b2";
$day-sleet-storm: "\f068";
$day-snow: "\f00a";
$day-snow-thunderstorm: "\f06b";
$day-snow-wind: "\f065";
$day-sprinkle: "\f00b";
$day-storm-showers: "\f00e";
$day-sunny-overcast: "\f00c";
$day-thunderstorm: "\f010";
$day-windy: "\f085";
$solar-eclipse: "\f06e";
$hot: "\f072";
$day-cloudy-high: "\f07d";
$day-light-wind: "\f0c4";
\ No newline at end of file
$direction-up: "\f058";
$direction-up-right: "\f057";
$direction-right: "\f04d";
$direction-down-right: "\f088";
$direction-down: "\f044";
$direction-down-left: "\f043";
$direction-left: "\f048";
$direction-up-left: "\f087";
\ No newline at end of file
$alien: "\f075";
$celsius: "\f03c";
$fahrenheit: "\f045";
$degrees: "\f042";
$thermometer: "\f055";
$thermometer-exterior: "\f053";
$thermometer-internal: "\f054";
$cloud-down: "\f03d";
$cloud-up: "\f040";
$cloud-refresh: "\f03e";
$horizon: "\f047";
$horizon-alt: "\f046";
$sunrise: "\f051";
$sunset: "\f052";
$moonrise: "\f0c9";
$moonset: "\f0ca";
$refresh: "\f04c";
$refresh-alt: "\f04b";
$umbrella: "\f084";
$barometer: "\f079";
$humidity: "\f07a";
$na: "\f07b";
$train: "\f0cb";
\ No newline at end of file
$moon-new: "\f095";
$moon-waxing-cresent-1: "\f096";
$moon-waxing-cresent-2: "\f097";
$moon-waxing-cresent-3: "\f098";
$moon-waxing-cresent-4: "\f099";
$moon-waxing-cresent-5: "\f09a";
$moon-waxing-cresent-6: "\f09b";
$moon-first-quarter: "\f09c";
$moon-waxing-gibbous-1: "\f09d";
$moon-waxing-gibbous-2: "\f09e";
$moon-waxing-gibbous-3: "\f09f";
$moon-waxing-gibbous-4: "\f0a0";
$moon-waxing-gibbous-5: "\f0a1";
$moon-waxing-gibbous-6: "\f0a2";
$moon-full: "\f0a3";
$moon-waning-gibbous-1: "\f0a4";
$moon-waning-gibbous-2: "\f0a5";
$moon-waning-gibbous-3: "\f0a6";
$moon-waning-gibbous-4: "\f0a7";
$moon-waning-gibbous-5: "\f0a8";
$moon-waning-gibbous-6: "\f0a9";
$moon-third-quarter: "\f0aa";
$moon-waning-crescent-1: "\f0ab";
$moon-waning-crescent-2: "\f0ac";
$moon-waning-crescent-3: "\f0ad";
$moon-waning-crescent-4: "\f0ae";
$moon-waning-crescent-5: "\f0af";
$moon-waning-crescent-6: "\f0b0";
$moon-alt-new: "\f0eb";
$moon-alt-waxing-cresent-1: "\f0d0";
$moon-alt-waxing-cresent-2: "\f0d1";
$moon-alt-waxing-cresent-3: "\f0d2";
$moon-alt-waxing-cresent-4: "\f0d3";
$moon-alt-waxing-cresent-5: "\f0d4";
$moon-alt-waxing-cresent-6: "\f0d5";
$moon-alt-first-quarter: "\f0d6";
$moon-alt-waxing-gibbous-1: "\f0d7";
$moon-alt-waxing-gibbous-2: "\f0d8";
$moon-alt-waxing-gibbous-3: "\f0d9";
$moon-alt-waxing-gibbous-4: "\f0da";
$moon-alt-waxing-gibbous-5: "\f0db";
$moon-alt-waxing-gibbous-6: "\f0dc";
$moon-alt-full: "\f0dd";
$moon-alt-waning-gibbous-1: "\f0de";
$moon-alt-waning-gibbous-2: "\f0df";
$moon-alt-waning-gibbous-3: "\f0e0";
$moon-alt-waning-gibbous-4: "\f0e1";
$moon-alt-waning-gibbous-5: "\f0e2";
$moon-alt-waning-gibbous-6: "\f0e3";
$moon-alt-third-quarter: "\f0e4";
$moon-alt-waning-crescent-1: "\f0e5";
$moon-alt-waning-crescent-2: "\f0e6";
$moon-alt-waning-crescent-3: "\f0e7";
$moon-alt-waning-crescent-4: "\f0e8";
$moon-alt-waning-crescent-5: "\f0e9";
$moon-alt-waning-crescent-6: "\f0ea";
\ No newline at end of file
$cloud: "\f041";
$cloudy: "\f013";
$cloudy-gusts: "\f011";
$cloudy-windy: "\f012";
$fog: "\f014";
$hail: "\f015";
$rain: "\f019";
$rain-mix: "\f017";
$rain-wind: "\f018";
$showers: "\f01a";
$sleet: "\f0b5";
$snow: "\f01b";
$sprinkle: "\f01c";
$storm-showers: "\f01d";
$thunderstorm: "\f01e";
$snow-wind: "\f064";
$snow: "\f01b";
$smog: "\f074";
$smoke: "\f062";
$lightning: "\f016";
$raindrops: "\f04e";
$raindrop: "\f078";
$dust: "\f063";
$snowflake-cold: "\f076";
$windy: "\f021";
$strong-wind: "\f050";
$sandstorm: "\f082";
$earthquake: "\f0c6";
$fire: "\f0c7";
$flood: "\f07c";
$meteor: "\f071";
$tsunami: "\f0c5";
$volcano: "\f0c8";
$hurricane: "\f073";
$tornado: "\f056";
$small-craft-advisory: "\f0cc";
$gale-warning: "\f0cd";
$storm-warning: "\f0ce";
$hurricane-warning: "\f0cf";
$wind-direction: "\f0b1";
\ No newline at end of file
$night-clear: "\f02e";
$night-alt-cloudy: "\f086";
$night-alt-cloudy-gusts: "\f022";
$night-alt-cloudy-windy: "\f023";
$night-alt-hail: "\f024";
$night-alt-lightning: "\f025";
$night-alt-rain: "\f028";
$night-alt-rain-mix: "\f026";
$night-alt-rain-wind: "\f027";
$night-alt-showers: "\f029";
$night-alt-sleet: "\f0b4";
$night-alt-sleet-storm: "\f06a";
$night-alt-snow: "\f02a";
$night-alt-snow-thunderstorm: "\f06d";
$night-alt-snow-wind: "\f067";
$night-alt-sprinkle: "\f02b";
$night-alt-storm-showers: "\f02c";
$night-alt-thunderstorm: "\f02d";
$night-cloudy: "\f031";
$night-cloudy-gusts: "\f02f";
$night-cloudy-windy: "\f030";
$night-fog: "\f04a";
$night-hail: "\f032";
$night-lightning: "\f033";
$night-partly-cloudy: "\f083";
$night-rain: "\f036";
$night-rain-mix: "\f034";
$night-rain-wind: "\f035";
$night-showers: "\f037";
$night-sleet: "\f0b3";
$night-sleet-storm: "\f069";
$night-snow: "\f038";
$night-snow-thunderstorm: "\f06c";
$night-snow-wind: "\f066";
$night-sprinkle: "\f039";
$night-storm-showers: "\f03a";
$night-thunderstorm: "\f03b";
$lunar-eclipse: "\f070";
$stars: "\f077";
$storm-showers: "\f01d";
$thunderstorm: "\f01e";
$night-alt-cloudy-high: "\f07e";
$night-cloudy-high: "\f080";
$night-alt-partly-cloudy: "\f081";
\ No newline at end of file
$time-1: "\f08a";
$time-2: "\f08b";
$time-3: "\f08c";
$time-4: "\f08d";
$time-5: "\f08e";
$time-6: "\f08f";
$time-7: "\f090";
$time-8: "\f091";
$time-9: "\f092";
$time-10: "\f093";
$time-11: "\f094";
$time-12: "\f089";
\ No newline at end of file
$n: "\f0b1";
$nne: "\f0b1";
$ne: "\f0b1";
$ene: "\f0b1";
$e: "\f0b1";
$ese: "\f0b1";
$se: "\f0b1";
$sse: "\f0b1";
$s: "\f0b1";
$ssw: "\f0b1";
$sw: "\f0b1";
$wsw: "\f0b1";
$w: "\f0b1";
$wnw: "\f0b1";
$nw: "\f0b1";
$nnw: "\f0b1";
$n: "\f0b1";
$nne: "\f0b1";
$ne: "\f0b1";
$ene: "\f0b1";
$e: "\f0b1";
$ese: "\f0b1";
$se: "\f0b1";
$sse: "\f0b1";
$s: "\f0b1";
$ssw: "\f0b1";
$sw: "\f0b1";
$wsw: "\f0b1";
$w: "\f0b1";
$wnw: "\f0b1";
$nw: "\f0b1";
$nnw: "\f0b1";
\ No newline at end of file
.#{$wi-css-prefix}-forecast-io-clear-day:before { content: $day-sunny ; }
.#{$wi-css-prefix}-forecast-io-clear-night:before { content: $night-clear ; }
.#{$wi-css-prefix}-forecast-io-rain:before { content: $rain ; }
.#{$wi-css-prefix}-forecast-io-snow:before { content: $snow ; }
.#{$wi-css-prefix}-forecast-io-sleet:before { content: $sleet ; }
.#{$wi-css-prefix}-forecast-io-wind:before { content: $strong-wind ; }
.#{$wi-css-prefix}-forecast-io-fog:before { content: $fog ; }
.#{$wi-css-prefix}-forecast-io-cloudy:before { content: $cloudy ; }
.#{$wi-css-prefix}-forecast-io-partly-cloudy-day:before { content: $day-cloudy ; }
.#{$wi-css-prefix}-forecast-io-partly-cloudy-night:before { content: $night-cloudy ; }
.#{$wi-css-prefix}-forecast-io-hail:before { content: $hail ; }
.#{$wi-css-prefix}-forecast-io-thunderstorm:before { content: $thunderstorm ; }
.#{$wi-css-prefix}-forecast-io-tornado:before { content: $tornado ; }
\ No newline at end of file
// Neutral
.#{$wi-css-prefix}-owm-200:before { content: $thunderstorm ; }
.#{$wi-css-prefix}-owm-201:before { content: $thunderstorm ; }
.#{$wi-css-prefix}-owm-202:before { content: $thunderstorm ; }
.#{$wi-css-prefix}-owm-210:before { content: $lightning ; }
.#{$wi-css-prefix}-owm-211:before { content: $lightning ; }
.#{$wi-css-prefix}-owm-212:before { content: $lightning ; }
.#{$wi-css-prefix}-owm-221:before { content: $lightning ; }
.#{$wi-css-prefix}-owm-230:before { content: $thunderstorm ; }
.#{$wi-css-prefix}-owm-231:before { content: $thunderstorm ; }
.#{$wi-css-prefix}-owm-232:before { content: $thunderstorm ; }
.#{$wi-css-prefix}-owm-300:before { content: $sprinkle ; }
.#{$wi-css-prefix}-owm-301:before { content: $sprinkle ; }
.#{$wi-css-prefix}-owm-302:before { content: $rain ; }
.#{$wi-css-prefix}-owm-310:before { content: $rain-mix ; }
.#{$wi-css-prefix}-owm-311:before { content: $rain ; }
.#{$wi-css-prefix}-owm-312:before { content: $rain ; }
.#{$wi-css-prefix}-owm-313:before { content: $showers ; }
.#{$wi-css-prefix}-owm-314:before { content: $rain ; }
.#{$wi-css-prefix}-owm-321:before { content: $sprinkle ; }
.#{$wi-css-prefix}-owm-500:before { content: $sprinkle ; }
.#{$wi-css-prefix}-owm-501:before { content: $rain ; }
.#{$wi-css-prefix}-owm-502:before { content: $rain ; }
.#{$wi-css-prefix}-owm-503:before { content: $rain ; }
.#{$wi-css-prefix}-owm-504:before { content: $rain ; }
.#{$wi-css-prefix}-owm-511:before { content: $rain-mix ; }
.#{$wi-css-prefix}-owm-520:before { content: $showers ; }
.#{$wi-css-prefix}-owm-521:before { content: $showers ; }
.#{$wi-css-prefix}-owm-522:before { content: $showers ; }
.#{$wi-css-prefix}-owm-531:before { content: $storm-showers ; }
.#{$wi-css-prefix}-owm-600:before { content: $snow ; }
.#{$wi-css-prefix}-owm-601:before { content: $snow ; }
.#{$wi-css-prefix}-owm-602:before { content: $sleet ; }
.#{$wi-css-prefix}-owm-611:before { content: $rain-mix ; }
.#{$wi-css-prefix}-owm-612:before { content: $rain-mix ; }
.#{$wi-css-prefix}-owm-615:before { content: $rain-mix ; }
.#{$wi-css-prefix}-owm-616:before { content: $rain-mix ; }
.#{$wi-css-prefix}-owm-620:before { content: $rain-mix ; }
.#{$wi-css-prefix}-owm-621:before { content: $snow ; }
.#{$wi-css-prefix}-owm-622:before { content: $snow ; }
.#{$wi-css-prefix}-owm-701:before { content: $showers ; }
.#{$wi-css-prefix}-owm-711:before { content: $smoke ; }
.#{$wi-css-prefix}-owm-721:before { content: $day-haze ; }
.#{$wi-css-prefix}-owm-731:before { content: $dust ; }
.#{$wi-css-prefix}-owm-741:before { content: $fog ; }
.#{$wi-css-prefix}-owm-761:before { content: $dust ; }
.#{$wi-css-prefix}-owm-762:before { content: $dust ; }
.#{$wi-css-prefix}-owm-771:before { content: $cloudy-gusts ; }
.#{$wi-css-prefix}-owm-781:before { content: $tornado ; }
.#{$wi-css-prefix}-owm-800:before { content: $day-sunny ; }
.#{$wi-css-prefix}-owm-801:before { content: $cloudy-gusts ; }
.#{$wi-css-prefix}-owm-802:before { content: $cloudy-gusts ; }
.#{$wi-css-prefix}-owm-803:before { content: $cloudy-gusts ; }
.#{$wi-css-prefix}-owm-803:before { content: $cloudy-windy ; }
.#{$wi-css-prefix}-owm-804:before { content: $cloudy ; }
.#{$wi-css-prefix}-owm-900:before { content: $tornado ; }
.#{$wi-css-prefix}-owm-901:before { content: $storm-showers ; }
.#{$wi-css-prefix}-owm-902:before { content: $hurricane ; }
.#{$wi-css-prefix}-owm-903:before { content: $snowflake-cold ; }
.#{$wi-css-prefix}-owm-904:before { content: $hot ; }
.#{$wi-css-prefix}-owm-905:before { content: $windy ; }
.#{$wi-css-prefix}-owm-906:before { content: $hail ; }
.#{$wi-css-prefix}-owm-957:before { content: $strong-wind ; }
//Day
.#{$wi-css-prefix}-owm-day-200:before { content: $day-thunderstorm ; }
.#{$wi-css-prefix}-owm-day-201:before { content: $day-thunderstorm ; }
.#{$wi-css-prefix}-owm-day-202:before { content: $day-thunderstorm ; }
.#{$wi-css-prefix}-owm-day-210:before { content: $day-lightning ; }
.#{$wi-css-prefix}-owm-day-211:before { content: $day-lightning ; }
.#{$wi-css-prefix}-owm-day-212:before { content: $day-lightning ; }
.#{$wi-css-prefix}-owm-day-221:before { content: $day-lightning ; }
.#{$wi-css-prefix}-owm-day-230:before { content: $day-thunderstorm ; }
.#{$wi-css-prefix}-owm-day-231:before { content: $day-thunderstorm ; }
.#{$wi-css-prefix}-owm-day-232:before { content: $day-thunderstorm ; }
.#{$wi-css-prefix}-owm-day-300:before { content: $day-sprinkle ; }
.#{$wi-css-prefix}-owm-day-301:before { content: $day-sprinkle ; }
.#{$wi-css-prefix}-owm-day-302:before { content: $day-rain ; }
.#{$wi-css-prefix}-owm-day-310:before { content: $day-rain ; }
.#{$wi-css-prefix}-owm-day-311:before { content: $day-rain ; }
.#{$wi-css-prefix}-owm-day-312:before { content: $day-rain ; }
.#{$wi-css-prefix}-owm-day-313:before { content: $day-rain ; }
.#{$wi-css-prefix}-owm-day-314:before { content: $day-rain ; }
.#{$wi-css-prefix}-owm-day-321:before { content: $day-sprinkle ; }
.#{$wi-css-prefix}-owm-day-500:before { content: $day-sprinkle ; }
.#{$wi-css-prefix}-owm-day-501:before { content: $day-rain ; }
.#{$wi-css-prefix}-owm-day-502:before { content: $day-rain ; }
.#{$wi-css-prefix}-owm-day-503:before { content: $day-rain ; }
.#{$wi-css-prefix}-owm-day-504:before { content: $day-rain ; }
.#{$wi-css-prefix}-owm-day-511:before { content: $day-rain-mix ; }
.#{$wi-css-prefix}-owm-day-520:before { content: $day-showers ; }
.#{$wi-css-prefix}-owm-day-521:before { content: $day-showers ; }
.#{$wi-css-prefix}-owm-day-522:before { content: $day-showers ; }
.#{$wi-css-prefix}-owm-day-531:before { content: $day-storm-showers ; }
.#{$wi-css-prefix}-owm-day-600:before { content: $day-snow ; }
.#{$wi-css-prefix}-owm-day-601:before { content: $day-sleet ; }
.#{$wi-css-prefix}-owm-day-602:before { content: $day-snow ; }
.#{$wi-css-prefix}-owm-day-611:before { content: $day-rain-mix ; }
.#{$wi-css-prefix}-owm-day-612:before { content: $day-rain-mix ; }
.#{$wi-css-prefix}-owm-day-615:before { content: $day-rain-mix ; }
.#{$wi-css-prefix}-owm-day-616:before { content: $day-rain-mix ; }
.#{$wi-css-prefix}-owm-day-620:before { content: $day-rain-mix ; }
.#{$wi-css-prefix}-owm-day-621:before { content: $day-snow ; }
.#{$wi-css-prefix}-owm-day-622:before { content: $day-snow ; }
.#{$wi-css-prefix}-owm-day-701:before { content: $day-showers ; }
.#{$wi-css-prefix}-owm-day-711:before { content: $smoke ; }
.#{$wi-css-prefix}-owm-day-721:before { content: $day-haze ; }
.#{$wi-css-prefix}-owm-day-731:before { content: $dust ; }
.#{$wi-css-prefix}-owm-day-741:before { content: $day-fog ; }
.#{$wi-css-prefix}-owm-day-761:before { content: $dust ; }
.#{$wi-css-prefix}-owm-day-762:before { content: $dust ; }
.#{$wi-css-prefix}-owm-day-781:before { content: $tornado ; }
.#{$wi-css-prefix}-owm-day-800:before { content: $day-sunny ; }
.#{$wi-css-prefix}-owm-day-801:before { content: $day-cloudy-gusts ; }
.#{$wi-css-prefix}-owm-day-802:before { content: $day-cloudy-gusts ; }
.#{$wi-css-prefix}-owm-day-803:before { content: $day-cloudy-gusts ; }
.#{$wi-css-prefix}-owm-day-804:before { content: $day-sunny-overcast ; }
.#{$wi-css-prefix}-owm-day-900:before { content: $tornado ; }
.#{$wi-css-prefix}-owm-day-902:before { content: $hurricane ; }
.#{$wi-css-prefix}-owm-day-903:before { content: $snowflake-cold ; }
.#{$wi-css-prefix}-owm-day-904:before { content: $hot ; }
.#{$wi-css-prefix}-owm-day-906:before { content: $day-hail ; }
.#{$wi-css-prefix}-owm-day-957:before { content: $strong-wind ; }
//Night
.#{$wi-css-prefix}-owm-night-200:before { content: $night-alt-thunderstorm ; }
.#{$wi-css-prefix}-owm-night-201:before { content: $night-alt-thunderstorm ; }
.#{$wi-css-prefix}-owm-night-202:before { content: $night-alt-thunderstorm ; }
.#{$wi-css-prefix}-owm-night-210:before { content: $night-alt-lightning ; }
.#{$wi-css-prefix}-owm-night-211:before { content: $night-alt-lightning ; }
.#{$wi-css-prefix}-owm-night-212:before { content: $night-alt-lightning ; }
.#{$wi-css-prefix}-owm-night-221:before { content: $night-alt-lightning ; }
.#{$wi-css-prefix}-owm-night-230:before { content: $night-alt-thunderstorm ; }
.#{$wi-css-prefix}-owm-night-231:before { content: $night-alt-thunderstorm ; }
.#{$wi-css-prefix}-owm-night-232:before { content: $night-alt-thunderstorm ; }
.#{$wi-css-prefix}-owm-night-300:before { content: $night-alt-sprinkle ; }
.#{$wi-css-prefix}-owm-night-301:before { content: $night-alt-sprinkle ; }
.#{$wi-css-prefix}-owm-night-302:before { content: $night-alt-rain ; }
.#{$wi-css-prefix}-owm-night-310:before { content: $night-alt-rain ; }
.#{$wi-css-prefix}-owm-night-311:before { content: $night-alt-rain ; }
.#{$wi-css-prefix}-owm-night-312:before { content: $night-alt-rain ; }
.#{$wi-css-prefix}-owm-night-313:before { content: $night-alt-rain ; }
.#{$wi-css-prefix}-owm-night-314:before { content: $night-alt-rain ; }
.#{$wi-css-prefix}-owm-night-321:before { content: $night-alt-sprinkle ; }
.#{$wi-css-prefix}-owm-night-500:before { content: $night-alt-sprinkle ; }
.#{$wi-css-prefix}-owm-night-501:before { content: $night-alt-rain ; }
.#{$wi-css-prefix}-owm-night-502:before { content: $night-alt-rain ; }
.#{$wi-css-prefix}-owm-night-503:before { content: $night-alt-rain ; }
.#{$wi-css-prefix}-owm-night-504:before { content: $night-alt-rain ; }
.#{$wi-css-prefix}-owm-night-511:before { content: $night-alt-rain-mix ; }
.#{$wi-css-prefix}-owm-night-520:before { content: $night-alt-showers ; }
.#{$wi-css-prefix}-owm-night-521:before { content: $night-alt-showers ; }
.#{$wi-css-prefix}-owm-night-522:before { content: $night-alt-showers ; }
.#{$wi-css-prefix}-owm-night-531:before { content: $night-alt-storm-showers ; }
.#{$wi-css-prefix}-owm-night-600:before { content: $night-alt-snow ; }
.#{$wi-css-prefix}-owm-night-601:before { content: $night-alt-sleet ; }
.#{$wi-css-prefix}-owm-night-602:before { content: $night-alt-snow ; }
.#{$wi-css-prefix}-owm-night-611:before { content: $night-alt-rain-mix ; }
.#{$wi-css-prefix}-owm-night-612:before { content: $night-alt-rain-mix ; }
.#{$wi-css-prefix}-owm-night-615:before { content: $night-alt-rain-mix ; }
.#{$wi-css-prefix}-owm-night-616:before { content: $night-alt-rain-mix ; }
.#{$wi-css-prefix}-owm-night-620:before { content: $night-alt-rain-mix ; }
.#{$wi-css-prefix}-owm-night-621:before { content: $night-alt-snow ; }
.#{$wi-css-prefix}-owm-night-622:before { content: $night-alt-snow ; }
.#{$wi-css-prefix}-owm-night-701:before { content: $night-alt-showers ; }
.#{$wi-css-prefix}-owm-night-711:before { content: $smoke ; }
.#{$wi-css-prefix}-owm-night-721:before { content: $day-haze ; }
.#{$wi-css-prefix}-owm-night-731:before { content: $dust ; }
.#{$wi-css-prefix}-owm-night-741:before { content: $night-fog ; }
.#{$wi-css-prefix}-owm-night-761:before { content: $dust ; }
.#{$wi-css-prefix}-owm-night-762:before { content: $dust ; }
.#{$wi-css-prefix}-owm-night-781:before { content: $tornado ; }
.#{$wi-css-prefix}-owm-night-800:before { content: $night-clear ; }
.#{$wi-css-prefix}-owm-night-801:before { content: $night-alt-cloudy-gusts ; }
.#{$wi-css-prefix}-owm-night-802:before { content: $night-alt-cloudy-gusts ; }
.#{$wi-css-prefix}-owm-night-803:before { content: $night-alt-cloudy-gusts ; }
.#{$wi-css-prefix}-owm-night-804:before { content: $night-alt-cloudy ; }
.#{$wi-css-prefix}-owm-night-900:before { content: $tornado ; }
.#{$wi-css-prefix}-owm-night-902:before { content: $hurricane ; }
.#{$wi-css-prefix}-owm-night-903:before { content: $snowflake-cold ; }
.#{$wi-css-prefix}-owm-night-904:before { content: $hot ; }
.#{$wi-css-prefix}-owm-night-906:before { content: $night-alt-hail ; }
.#{$wi-css-prefix}-owm-night-957:before { content: $strong-wind ; }
\ No newline at end of file
.#{$wi-css-prefix}-wmo4680-0:before,
.#{$wi-css-prefix}-wmo4680-00:before { content: $thermometer ; }
.#{$wi-css-prefix}-wmo4680-1:before,
.#{$wi-css-prefix}-wmo4680-01:before { content: $cloudy ; }
.#{$wi-css-prefix}-wmo4680-2:before,
.#{$wi-css-prefix}-wmo4680-02:before { content: $thermometer ; }
.#{$wi-css-prefix}-wmo4680-3:before,
.#{$wi-css-prefix}-wmo4680-03:before { content: $cloudy ; }
.#{$wi-css-prefix}-wmo4680-4:before,
.#{$wi-css-prefix}-wmo4680-04:before { content: $fog ; }
.#{$wi-css-prefix}-wmo4680-5:before,
.#{$wi-css-prefix}-wmo4680-05:before { content: $fog ; }
.#{$wi-css-prefix}-wmo4680-10:before { content: $fog ; }
.#{$wi-css-prefix}-wmo4680-11:before { content: $fog ; }
.#{$wi-css-prefix}-wmo4680-12:before { content: $lightning ; }
.#{$wi-css-prefix}-wmo4680-18:before { content: $strong-wind ; }
.#{$wi-css-prefix}-wmo4680-20:before { content: $fog ; }
.#{$wi-css-prefix}-wmo4680-21:before { content: $rain-mix ; }
.#{$wi-css-prefix}-wmo4680-22:before { content: $rain-mix ; }
.#{$wi-css-prefix}-wmo4680-23:before { content: $rain ; }
.#{$wi-css-prefix}-wmo4680-24:before { content: $snow ; }
.#{$wi-css-prefix}-wmo4680-25:before { content: $hail ; }
.#{$wi-css-prefix}-wmo4680-26:before { content: $thunderstorm ; }
.#{$wi-css-prefix}-wmo4680-27:before { content: $dust ; }
.#{$wi-css-prefix}-wmo4680-28:before { content: $dust ; }
.#{$wi-css-prefix}-wmo4680-29:before { content: $dust ; }
.#{$wi-css-prefix}-wmo4680-30:before { content: $fog ; }
.#{$wi-css-prefix}-wmo4680-31:before { content: $fog ; }
.#{$wi-css-prefix}-wmo4680-32:before { content: $fog ; }
.#{$wi-css-prefix}-wmo4680-33:before { content: $fog ; }
.#{$wi-css-prefix}-wmo4680-34:before { content: $fog ; }
.#{$wi-css-prefix}-wmo4680-35:before { content: $fog ; }
.#{$wi-css-prefix}-wmo4680-40:before { content: $rain-mix ; }
.#{$wi-css-prefix}-wmo4680-41:before { content: $sprinkle ; }
.#{$wi-css-prefix}-wmo4680-42:before { content: $rain ; }
.#{$wi-css-prefix}-wmo4680-43:before { content: $sprinkle ; }
.#{$wi-css-prefix}-wmo4680-44:before { content: $rain ; }
.#{$wi-css-prefix}-wmo4680-45:before { content: $hail ; }
.#{$wi-css-prefix}-wmo4680-46:before { content: $hail ; }
.#{$wi-css-prefix}-wmo4680-47:before { content: $snow ; }
.#{$wi-css-prefix}-wmo4680-48:before { content: $snow ; }
.#{$wi-css-prefix}-wmo4680-50:before { content: $sprinkle ; }
.#{$wi-css-prefix}-wmo4680-51:before { content: $sprinkle ; }
.#{$wi-css-prefix}-wmo4680-52:before { content: $rain ; }
.#{$wi-css-prefix}-wmo4680-53:before { content: $rain ; }
.#{$wi-css-prefix}-wmo4680-54:before { content: $snowflake-cold ; }
.#{$wi-css-prefix}-wmo4680-55:before { content: $snowflake-cold ; }
.#{$wi-css-prefix}-wmo4680-56:before { content: $snowflake-cold ; }
.#{$wi-css-prefix}-wmo4680-57:before { content: $sprinkle ; }
.#{$wi-css-prefix}-wmo4680-58:before { content: $rain ; }
.#{$wi-css-prefix}-wmo4680-60:before { content: $sprinkle ; }
.#{$wi-css-prefix}-wmo4680-61:before { content: $sprinkle ; }
.#{$wi-css-prefix}-wmo4680-62:before { content: $rain ; }
.#{$wi-css-prefix}-wmo4680-63:before { content: $rain ; }
.#{$wi-css-prefix}-wmo4680-64:before { content: $hail ; }
.#{$wi-css-prefix}-wmo4680-65:before { content: $hail ; }
.#{$wi-css-prefix}-wmo4680-66:before { content: $hail ; }
.#{$wi-css-prefix}-wmo4680-67:before { content: $rain-mix ; }
.#{$wi-css-prefix}-wmo4680-68:before { content: $rain-mix ; }
.#{$wi-css-prefix}-wmo4680-70:before { content: $snow ; }
.#{$wi-css-prefix}-wmo4680-71:before { content: $snow ; }
.#{$wi-css-prefix}-wmo4680-72:before { content: $snow ; }
.#{$wi-css-prefix}-wmo4680-73:before { content: $snow ; }
.#{$wi-css-prefix}-wmo4680-74:before { content: $snowflake-cold ; }
.#{$wi-css-prefix}-wmo4680-75:before { content: $snowflake-cold ; }
.#{$wi-css-prefix}-wmo4680-76:before { content: $snowflake-cold ; }
.#{$wi-css-prefix}-wmo4680-77:before { content: $snow ; }
.#{$wi-css-prefix}-wmo4680-78:before { content: $snowflake-cold ; }
.#{$wi-css-prefix}-wmo4680-80:before { content: $rain ; }
.#{$wi-css-prefix}-wmo4680-81:before { content: $sprinkle ; }
.#{$wi-css-prefix}-wmo4680-82:before { content: $rain ; }
.#{$wi-css-prefix}-wmo4680-83:before { content: $rain ; }
.#{$wi-css-prefix}-wmo4680-84:before { content: $storm-showers ; }
.#{$wi-css-prefix}-wmo4680-85:before { content: $rain-mix ; }
.#{$wi-css-prefix}-wmo4680-86:before { content: $rain-mix ; }
.#{$wi-css-prefix}-wmo4680-87:before { content: $rain-mix ; }
.#{$wi-css-prefix}-wmo4680-89:before { content: $hail ; }
.#{$wi-css-prefix}-wmo4680-90:before { content: $lightning ; }
.#{$wi-css-prefix}-wmo4680-91:before { content: $storm-showers ; }
.#{$wi-css-prefix}-wmo4680-92:before { content: $thunderstorm ; }
.#{$wi-css-prefix}-wmo4680-93:before { content: $thunderstorm ; }
.#{$wi-css-prefix}-wmo4680-94:before { content: $lightning ; }
.#{$wi-css-prefix}-wmo4680-95:before { content: $thunderstorm ; }
.#{$wi-css-prefix}-wmo4680-96:before { content: $thunderstorm ; }
.#{$wi-css-prefix}-wmo4680-99:before { content: $tornado ; }
\ No newline at end of file
.#{$wi-css-prefix}-yahoo-0:before { content: $tornado; }
.#{$wi-css-prefix}-yahoo-1:before { content: $day-storm-showers; }
.#{$wi-css-prefix}-yahoo-2:before { content: $hurricane; }
.#{$wi-css-prefix}-yahoo-3:before { content: $thunderstorm; }
.#{$wi-css-prefix}-yahoo-4:before { content: $thunderstorm; }
.#{$wi-css-prefix}-yahoo-5:before { content: $rain-mix; }
.#{$wi-css-prefix}-yahoo-6:before { content: $rain-mix; }
.#{$wi-css-prefix}-yahoo-7:before { content: $rain-mix; }
.#{$wi-css-prefix}-yahoo-8:before { content: $hail; }
.#{$wi-css-prefix}-yahoo-9:before { content: $showers; }
.#{$wi-css-prefix}-yahoo-10:before { content: $hail; }
.#{$wi-css-prefix}-yahoo-11:before { content: $showers; }
.#{$wi-css-prefix}-yahoo-12:before { content: $showers; }
.#{$wi-css-prefix}-yahoo-13:before { content: $snow; }
.#{$wi-css-prefix}-yahoo-14:before { content: $day-snow; }
.#{$wi-css-prefix}-yahoo-15:before { content: $snow-wind; }
.#{$wi-css-prefix}-yahoo-16:before { content: $snow; }
.#{$wi-css-prefix}-yahoo-17:before { content: $hail; }
.#{$wi-css-prefix}-yahoo-18:before { content: $rain-mix; }
.#{$wi-css-prefix}-yahoo-19:before { content: $dust; }
.#{$wi-css-prefix}-yahoo-20:before { content: $fog; }
.#{$wi-css-prefix}-yahoo-21:before { content: $windy; }
.#{$wi-css-prefix}-yahoo-22:before { content: $smoke; }
.#{$wi-css-prefix}-yahoo-23:before { content: $strong-wind; }
.#{$wi-css-prefix}-yahoo-24:before { content: $strong-wind; }
.#{$wi-css-prefix}-yahoo-25:before { content: $snowflake-cold; }
.#{$wi-css-prefix}-yahoo-26:before { content: $cloudy; }
.#{$wi-css-prefix}-yahoo-27:before { content: $night-cloudy; }
.#{$wi-css-prefix}-yahoo-28:before { content: $day-cloudy; }
.#{$wi-css-prefix}-yahoo-29:before { content: $night-cloudy; }
.#{$wi-css-prefix}-yahoo-30:before { content: $day-cloudy; }
.#{$wi-css-prefix}-yahoo-31:before { content: $night-clear; }
.#{$wi-css-prefix}-yahoo-32:before { content: $day-sunny; }
.#{$wi-css-prefix}-yahoo-33:before { content: $night-partly-cloudy; }
.#{$wi-css-prefix}-yahoo-34:before { content: $day-sunny-overcast; }
.#{$wi-css-prefix}-yahoo-35:before { content: $rain-mix; }
.#{$wi-css-prefix}-yahoo-36:before { content: $hot; }
.#{$wi-css-prefix}-yahoo-37:before { content: $day-storm-showers; }
.#{$wi-css-prefix}-yahoo-38:before { content: $day-storm-showers; }
.#{$wi-css-prefix}-yahoo-39:before { content: $day-storm-showers; }
.#{$wi-css-prefix}-yahoo-40:before { content: $showers; }
.#{$wi-css-prefix}-yahoo-41:before { content: $snow-wind; }
.#{$wi-css-prefix}-yahoo-42:before { content: $snow; }
.#{$wi-css-prefix}-yahoo-43:before { content: $snow-wind; }
.#{$wi-css-prefix}-yahoo-44:before { content: $day-sunny-overcast; }
.#{$wi-css-prefix}-yahoo-45:before { content: $day-storm-showers; }
.#{$wi-css-prefix}-yahoo-46:before { content: $snow; }
.#{$wi-css-prefix}-yahoo-47:before { content: $day-storm-showers; }
.#{$wi-css-prefix}-yahoo-3200:before { content: $stars; }
\ No newline at end of file
@import "icon-classes/classes-day.scss";
@import "icon-classes/classes-night.scss";
@import "icon-classes/classes-neutral.scss";
@import "icon-classes/classes-misc.scss";
@import "icon-classes/classes-moon.scss";
@import "icon-classes/classes-moon-aliases.scss";
@import "icon-classes/classes-time.scss";
@import "icon-classes/classes-direction.scss";
@import "icon-classes/classes-beaufort.scss";
// Base Variables
$wi-path: "../font" !default;
$wi-version: "2.0" !default;
$wi-css-prefix: wi !default;
$wi-font-family: weathericons !default;
@font-face {
font-family: '#{$wi-font-family}';
src: url('#{$wi-path}/#{$wi-font-family}-regular-webfont.eot');
src: url('#{$wi-path}/#{$wi-font-family}-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('#{$wi-path}/#{$wi-font-family}-regular-webfont.woff2') format('woff2'),
url('#{$wi-path}/#{$wi-font-family}-regular-webfont.woff') format('woff'),
url('#{$wi-path}/#{$wi-font-family}-regular-webfont.ttf') format('truetype'),
url('#{$wi-path}/#{$wi-font-family}-regular-webfont.svg#weather_iconsregular') format('svg');
font-weight: normal;
font-style: normal;
}
.#{$wi-css-prefix} {
display: inline-block;
font-family: '#{$wi-font-family}';
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.#{$wi-css-prefix}-fw {
width: 1.4em;
text-align: center;
}
@mixin wi-icon-rotate($degrees, $rotation) {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation});
-webkit-transform: rotate($degrees);
-ms-transform: rotate($degrees);
transform: rotate($degrees);
}
@mixin wi-icon-flip($horiz, $vert, $rotation) {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation});
-webkit-transform: scale($horiz, $vert);
-ms-transform: scale($horiz, $vert);
transform: scale($horiz, $vert);
}
.#{$wi-css-prefix}-rotate-90 { @include wi-icon-rotate(90deg, 1); }
.#{$wi-css-prefix}-rotate-180 { @include wi-icon-rotate(180deg, 2); }
.#{$wi-css-prefix}-rotate-270 { @include wi-icon-rotate(270deg, 3); }
.#{$wi-css-prefix}-flip-horizontal { @include wi-icon-flip(-1, 1, 0); }
.#{$wi-css-prefix}-flip-vertical { @include wi-icon-flip(1, -1, 2); }
@import 'icon-variables/variables-beaufort.scss';
@import 'icon-variables/variables-time.scss';
@import 'icon-variables/variables-moon.scss';
@import 'icon-variables/variables-direction.scss';
@import 'icon-variables/variables-day.scss';
@import 'icon-variables/variables-night.scss';
@import 'icon-variables/variables-neutral.scss';
@import 'icon-variables/variables-misc.scss';
@import "weather-icons-core.scss";
@import "icon-variables/variables-wind-names.scss";
@import "icon-classes/classes-wind.scss";
@import "icon-classes/classes-wind-degrees.scss";
@import "icon-classes/classes-wind-aliases.scss";
\ No newline at end of file
@import "weather-icons-core.scss";
@import "icon-variables/variables-wind-names.scss";
@import "icon-classes/classes-wind.scss";
@import "icon-classes/classes-wind-degrees.scss";
@import "icon-classes/classes-wind-aliases.scss";
\ No newline at end of file
/*!
* Weather Icons 2.0
* Updated August 1, 2015
* Weather themed icons for Bootstrap
* Author - Erik Flowers - erik@helloerik.com
* Email: erik@helloerik.com
* Twitter: http://twitter.com/Erik_UX
* ------------------------------------------------------------------------------
* Maintained at http://erikflowers.github.io/weather-icons
*
* License
* ------------------------------------------------------------------------------
* - Font licensed under SIL OFL 1.1 -
* http://scripts.sil.org/OFL
* - CSS, SCSS and LESS are licensed under MIT License -
* http://opensource.org/licenses/mit-license.html
* - Documentation licensed under CC BY 3.0 -
* http://creativecommons.org/licenses/by/3.0/
* - Inspired by and works great as a companion with Font Awesome
* "Font Awesome by Dave Gandy - http://fontawesome.io"
*/
@import 'weather-icons-core.scss';
@import 'weather-icons-variables.scss';
@import 'weather-icons-classes.scss';
// Mappings to various APIs
@import "mappings/wi-yahoo.scss";
@import "mappings/wi-forecast-io.scss";
@import "mappings/wi-wmo4680.scss";
@import "mappings/wi-owm.scss";
\ No newline at end of file
/*!
* Weather Icons 2.0
* Updated August 1, 2015
* Weather themed icons for Bootstrap
* Author - Erik Flowers - erik@helloerik.com
* Email: erik@helloerik.com
* Twitter: http://twitter.com/Erik_UX
* ------------------------------------------------------------------------------
* Maintained at http://erikflowers.github.io/weather-icons
*
* License
* ------------------------------------------------------------------------------
* - Font licensed under SIL OFL 1.1 -
* http://scripts.sil.org/OFL
* - CSS, LESS and SCSS are licensed under MIT License -
* http://opensource.org/licenses/mit-license.html
* - Documentation licensed under CC BY 3.0 -
* http://creativecommons.org/licenses/by/3.0/
* - Inspired by and works great as a companion with Font Awesome
* "Font Awesome by Dave Gandy - http://fontawesome.io"
*/
@import 'weather-icons-core.scss';
@import 'weather-icons-variables.scss';
@import 'weather-icons-classes.scss';
// Mappings to various APIs
@import "mappings/wi-yahoo.scss";
@import "mappings/wi-forecast-io.scss";
@import "mappings/wi-wmo4680.scss";
@import "mappings/wi-owm.scss";
\ No newline at end of file
/*==============================================================
For Laptop & above all (1650px)
============================================================== */
@media(min-width:1650px) {
.widget-app-columns {
column-count:3;
}
}
/*==============================================================
For Laptop & above all (1370px)
============================================================== */
@media(max-width:1370px) {
.widget-app-columns {
column-count:2;
}
}
/*-- ==============================================================
Small Desktop & above all (1024px)
============================================================== */
@media(min-width:1024px) {
.page-wrapper{
margin-left:240px;
}
.footer{
left: 240px;
}
}
@media(max-width:1023px) {
.page-wrapper{
margin-left:60px;
transition: 0.2s ease-in;
}
.footer{
left: 60px;
}
.widget-app-columns {
column-count:1;
}
.inbox-center a {
width: 200px;
}
}
/*-- ==============================================================
Ipad & above all(768px)
============================================================== */
@media(min-width:768px) {
.navbar-header {
width: 240px;
flex-shrink:0;
.navbar-brand {
padding-top: 0px;
}
}
.material-icon-list-demo .icons div {
width: 33%;
padding: 15px;
display: inline-block;
line-height: 40px;
}
.mini-sidebar {
.page-wrapper{
margin-left:60px;
}
.footer{
left: 60px;
}
}
.flex-wrap{
flex-wrap:no-wrap!important;
-webkit-flex-wrap:no-wrap!important;
}
}
/*-- ==============================================================
Phone and below ipad(767px)
============================================================== */
@media(max-width:767px) {
/*Header*/
.topbar {
position: fixed;
width: 100%;
.top-navbar {
padding-right: 15px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
flex-wrap: nowrap;
-webkit-align-items: center;
.navbar-collapse {
display: flex;
width: 100%;
}
.navbar-nav {
flex-direction: row;
> .nav-item.show {
position: static;
.dropdown-menu {
width: 100%;
margin-top: 0px;
}
}
> .nav-item > .nav-link {
padding-left: .50rem;
padding-right: .50rem;
}
.dropdown-menu {
position: absolute;
}
}
}
}
.mega-dropdown {
.dropdown-menu {
height: 480px;
overflow: auto;
}
}
/*Sidebar and wrapper*/
.mini-sidebar .page-wrapper{
margin-left:0px;
padding-top: 70px;
}
.comment-text{
.comment-footer{
.action-icons {
display: block;
padding: 10px 0;
}
}
}
.vtabs .tabs-vertical {
width: auto;
}
/*Footer*/
.footer{
left: 0px;
}
.material-icon-list-demo .icons div {
width: 100%;
}
.error-page{
.footer{
position: fixed;
bottom: 0px;
z-index: 10;
}
}
.error-box{
position: relative;
padding-bottom: 60px;
}
.error-body{
padding-top: 10%;
h1{
font-size:100px;
font-weight:600;
line-height:100px;
}
}
.login-register{
position: relative;
overflow: hidden;
}
.login-box{
width: 90%;
}
.login-sidebar{
padding: 10% 0;
.login-box{
position: relative;
}
}
/*This is for chat page*/
.chat-main-box .chat-left-aside {
left: -250px;
position: absolute;
transition: 0.5s ease-in;
background: $white;
&.open-pnl {
left: 0px;
}
.open-panel {
display: block;
}
}
.chat-main-box .chat-right-aside {
width: 100%;
}
/*Timeline*/
ul.timeline:before {
left: 40px;
}
ul.timeline>li>.timeline-panel {
width:"calc(100% - 90px)";
width:"calc(100% - 90px)";
width:"calc(100% - 90px)";
}
ul.timeline>li>.timeline-badge {
top: 16px;
left: 15px;
margin-left: 0;
}
ul.timeline>li>.timeline-panel {
float: right;
}
ul.timeline>li>.timeline-panel:before {
right: auto;
left: -15px;
border-right-width: 15px;
border-left-width: 0;
}
ul.timeline>li>.timeline-panel:after {
right: auto;
left: -14px;
border-right-width: 14px;
border-left-width: 0;
}
/*Contact app page*/
.left-aside{
width: 100%;
position: relative;
border:0px;
}
.right-aside{
margin-left: 0px;
}
.flex-wrap{
flex-wrap:wrap!important;
-webkit-flex-wrap:wrap!important;
}
.chat-list li .chat-content{
width: calc(100% - 80px);
}
}
\ No newline at end of file
@import 'variable';
/*******************
Main sidebar
******************/
.left-sidebar {
position: absolute;
width: 240px;
height: 100%;
top: 0px;
z-index: 20;
padding-top: 70px;
background: $sidebar;
/*box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.08);*/
}
.fix-sidebar .left-sidebar{
position: fixed;
}
/*******************
use profile section
******************/
.user-profile {
text-align: center;
position: relative;
.profile-img {
width: 50px;
margin: 0 auto;
border-radius: 100%;
&::before {
-webkit-animation: 2.5s blow 0s linear infinite;
animation: 2.5s blow 0s linear infinite;
position: absolute;
content: '';
width: 50px;
height: 50px;
top: 0;
margin: 0 auto;
border-radius: 50%;
z-index: 0;
}
@-webkit-keyframes blow {
0% {
box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.1);
opacity: 1;
-webkit-transform: scale3d(1, 1, 0.5);
transform: scale3d(1, 1, 0.5);
}
50% {
box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
opacity: 1;
-webkit-transform: scale3d(1, 1, 0.5);
transform: scale3d(1, 1, 0.5);
}
100% {
box-shadow: 0 0 0 20px rgba(0, 0, 0, 0.1);
opacity: 0;
-webkit-transform: scale3d(1, 1, 0.5);
transform: scale3d(1, 1, 0.5);
}
}
@keyframes blow {
0% {
box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.1);
opacity: 1;
-webkit-transform: scale3d(1, 1, 0.5);
transform: scale3d(1, 1, 0.5);
}
50% {
box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
opacity: 1;
-webkit-transform: scale3d(1, 1, 0.5);
transform: scale3d(1, 1, 0.5);
}
100% {
box-shadow: 0 0 0 20px rgba(0, 0, 0, 0.1);
opacity: 0;
-webkit-transform: scale3d(1, 1, 0.5);
transform: scale3d(1, 1, 0.5);
}
}
img {
width: 100%;
border-radius: 100%;
}
}
.profile-text {
padding: 5px 0;
position: relative;
a {
color: $bodytext;
}
}
.dropdown-menu {
left: 0px;
right: 0px;
width: 180px;
margin: 0 auto;
}
}
/*******************
sidebar footer
******************/
.sidebar-footer {
position: fixed;
bottom: 0px;
left: 0px;
transition:0.2s ease-out;
width: 240px;
background: $sidebar-alt;
border-top: 1px solid $border;
a {
padding: 15px;
width: 33.333337%;
float: left;
text-align: center;
font-size: 18px;
}
}
/*******************
sidebar navigation
******************/
.scroll-sidebar {
padding-bottom: 60px;
padding-top: 30px;
}
.collapse.in {
display: block;
}
.sidebar-nav {
background: $sidebar;
ul {
margin: 0px;
padding: 0px;
li {
list-style: none;
a {
color: $sidebar-text;
padding: 14px 35px 14px 15px;
display: block;
font-size: 15px;
&.active,
&:hover {
color: $themecolor;
}
&.active {
font-weight: 400;
color: $dark;
}
}
ul {
padding-left: 30px;
li a {
padding: 10px 35px 10px 15px;
}
ul {
padding-left: 20px;
}
}
&.nav-small-cap {
font-size: 12px;
padding: 14px 14px 14px 20px;
color: $muted;
font-weight: 500;
}
&.nav-devider{
height: 1px;
background: $border;
display: block;
margin: 20px 0;
}
}
}
> ul > li {
&.active > a {
border-left: 3px solid $themecolor;
color: $themecolor;
i {
color: $themecolor;
}
}
}
> ul > li > a {
border-left: 3px solid $sidebar;
&.active,
&:hover {
border-left: 3px solid $themecolor;
i {
color: $themecolor;
}
}
i {
width: 27px;
font-size: 21px;
display: inline-block;
vertical-align: middle;
color: $sidebar-icons;
}
.label {
float: right;
margin-top: 6px;
}
&.active {
font-weight: 400;
background: $white;
color: $themecolor;
}
}
}
.sidebar-nav .has-arrow {
position: relative;
&::after {
position: absolute;
content: '';
width: .4em;
height: .4em;
border-width: 1px 0 0 1px;
border-style: solid;
border-color: $sidebar-text;
right: 1em;
-webkit-transform: rotate(-45deg) translate(0, -50%);
-ms-transform: rotate(-45deg) translate(0, -50%);
-o-transform: rotate(-45deg) translate(0, -50%);
transform: rotate(-45deg) translate(0, -50%);
-webkit-transform-origin: top;
-ms-transform-origin: top;
-o-transform-origin: top;
transform-origin: top;
top: 50%;
-webkit-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
}
.sidebar-nav .active > .has-arrow::after,
.sidebar-nav li > .has-arrow.active::after,
.sidebar-nav .has-arrow[aria-expanded="true"]::after {
-webkit-transform: rotate(-135deg) translate(0, -50%);
-ms-transform: rotate(-135deg) translate(0, -50%);
-o-transform: rotate(-135deg) translate(0, -50%);
transform: rotate(-135deg) translate(0, -50%);
}
/****************
When click on sidebar toggler and also for tablet
*****************/
@media(min-width:768px) {
.mini-sidebar .sidebar-nav #sidebarnav li {
position: relative;
}
.mini-sidebar .sidebar-nav #sidebarnav > li > ul {
position: absolute;
left: 60px;
top: 59px;
width: 200px;
z-index: 1001;
background: $sidebar-alt;
display: none;
padding-left: 1px;
}
.mini-sidebar .sidebar-nav #sidebarnav > li:hover > ul {
height: auto !important;
overflow: auto;
}
.mini-sidebar .sidebar-nav #sidebarnav > li:hover > ul,
.mini-sidebar .sidebar-nav #sidebarnav > li:hover > ul.collapse {
display: block;
}
.mini-sidebar .sidebar-nav #sidebarnav > li > a.has-arrow:after {
display: none;
}
.mini-sidebar {
.left-sidebar {
width: 60px;
}
.user-profile {
padding-bottom: 30px;
width: 60px;
}
.scroll-sidebar{
padding-bottom: 0px;
position: absolute;
}
.hide-menu,
.nav-small-cap,
.sidebar-footer,
.user-profile .profile-text {
display: none;
}
.nav-devider{
width: 60px;
}
.sidebar-nav{ background: transparent;}
.sidebar-nav #sidebarnav > li > a{
padding: 14px 15px;
width: 60px;
}
.sidebar-nav #sidebarnav > li:hover > a {
width: 260px;
background: $themecolor;
color: $white;
border-color: $themecolor;
i {
color: $white;
}
.hide-menu {
display: inline;
}
}
.sidebar-nav #sidebarnav > li.active > a{
border-color:transparent;
&.active{
border-color:$themecolor;
}
}
}
}
@media(max-width:767px) {
.mini-sidebar{
.left-sidebar{position: fixed;}
.left-sidebar, .sidebar-footer{
left:-240px;
}
&.show-sidebar{
.left-sidebar, .sidebar-footer{
left:0px;
}
}
}
}
@import 'variable';
@import 'app';
@import 'pages';
@import 'sidebar';
@import '../scss/icons/font-awesome/css/font-awesome.min.css';
@import '../scss/icons/simple-line-icons/css/simple-line-icons.css';
@import '../scss/icons/weather-icons/css/weather-icons.min.css';
@import '../scss/icons/linea-icons/linea.css';
@import '../scss/icons/themify-icons/themify-icons.css';
@import '../scss/icons/flag-icon-css/flag-icon.min.css';
@import "../scss/icons/material-design-iconic-font/css/materialdesignicons.min.css";
@import 'widgets';
@import 'grid';
@import 'responsive';
@import '../css/spinners.css';
@import '../css/animate.css';
\ No newline at end of file
// Variables
@import 'https://fonts.googleapis.com/css?family=Rubik:300,400,500,700,900';
$bodyfont:'Rubik', sans-serif;
$headingfont:'Rubik', sans-serif;
/*Theme Colors*/
$topbar: #fff;
$sidebar: #fff;
$sidebar-white: #ffffff;
$sidebar-alt:#e8eff0;
$bodycolor: #fff;
$headingtext: #2c2b2e;
$bodytext: #54667a;
$sidebar-text: #54667a;
$sidebar-icons: #a6b7bf;
$light-text: #a6b7bf;
$themecolor: #009efb;
$themecolor-dark: #028ee1;
/*bootstrap Color*/
$danger: #f62d51;
$success: #55ce63;
$warning: #ffbc34;
$primary: #7460ee;
$info: #009efb;
$inverse: #2f3d4a;
$muted: #90a4ae;
$dark: #263238;
$light: #f2f7f8;
$extra-light: #ebf3f5;
/*Light colors*/
$light-danger: #f9e7eb;
$light-success: #e8fdeb;
$light-warning: #fff8ec;
$light-primary: #f1effd;
$light-info: #cfecfe;
$light-inverse: #f6f6f6;
$light-megna: #e0f2f4;
$danger-dark: #e6294b;
$success-dark: #4ab657;
$warning-dark: #e9ab2e;
$primary-dark: #6352ce;
$info-dark: #028ee1;
$red-dark: #d61f1f;
$inverse-dark: #232a37;
$dark-transparent:rgba(0, 0, 0, 0.05);
/*Normal Color*/
$white: #ffffff;
$red: #fb3a3a;
$yellow: #a0aec4;
$purple: #7460ee;
$blue: #02bec9;
$megna: #01c0c8;
/*Extra Variable*/
$rgt: right;
$lft: left;
$border: rgba(120, 130, 140, 0.13);
$table-border:#f3f1f1;
$dark-text: #848a96;
$radius: 4px;
$form-brd: #d9d9d9;
/*Preloader*/
.preloader{
width: 100%;
height: 100%;
top:0px;
position: fixed;
z-index: 99999;
background: #fff;
.cssload-speeding-wheel{
position: absolute;
top: calc(50% - 3.5px);
left: calc(50% - 3.5px);
}
}
/*******************
/*User mail widgets*/
/*******************/
.topbar {
.top-navbar {
.mailbox {
width: 300px;
ul {
padding: 0px;
li {
list-style: none;
}
}
}
}
}
.mailbox {
ul li {
.drop-title {
font-weight: 500;
padding: 11px 20px 15px;
border-bottom: 1px solid $border;
}
.nav-link {
border-top: 1px solid $border;
padding-top: 15px;
}
}
.message-center {
height: 200px;
overflow: auto;
position: relative;
a {
border-bottom: 1px solid $border;
display: block;
text-decoration: none;
padding: 9px 15px;
&:hover {
background: $light;
}
div {
white-space: normal;
}
.user-img {
width: 40px;
position: relative;
display: inline-block;
margin: 0 10px 15px 0;
img {
width: 100%;
}
.profile-status {
border: 2px solid $white;
border-radius: 50%;
display: inline-block;
height: 10px;
left: 30px;
position: absolute;
top: 1px;
width: 10px;
}
.online {
background: $success;
}
.busy {
background: $danger;
}
.away {
background: $warning;
}
.offline {
background: $warning;
}
}
.mail-contnet {
display: inline-block;
width: 75%;
vertical-align: middle;
h5 {
margin: 5px 0px 0;
}
.mail-desc,
.time {
font-size: 12px;
display: block;
margin: 1px 0;
text-overflow: ellipsis;
overflow: hidden;
color: $bodytext;
white-space: nowrap;
}
}
}
}
}
/*******************
/*Analytic info sparkline chart page*/
/*******************/
.analytics-info {
li span {
font-size: 24px;
vertical-align: middle;
}
}
/*******************
/*States row*/
/*******************/
.stats-row {
margin-bottom: 20px;
.stat-item {
display: inline-block;
padding-right: 15px;
&+.stat-item {
padding-left: 15px;
border-left: 1px solid $border;
}
}
}
/*******************/
/*Dashboard1 Weather*/
/*******************/
.city-weather-days {
margin: 0px;
li {
text-align: center;
padding: 15px 0;
span {
display: block;
padding: 10px 0 0;
color: $muted;
}
i {
display: block;
font-size: 20px;
color: $themecolor;
}
h3 {
font-weight: 300;
margin-top: 5px;
}
}
}
/*******************/
/*Comment widgets*/
/*******************/
.comment-widgets {
position: relative;
margin-bottom: 10px;
.comment-row {
border-left: 3px solid $white;
padding: 15px;
&:hover,
&.active {
border-color: $themecolor;
}
}
}
.comment-text {
padding: 15px 15px 15px 20px;
&:hover .comment-footer,
&.active .comment-footer {
.action-icons {
visibility: visible;
}
}
p {
max-height: 50px;
overflow: hidden;
}
}
.comment-footer {
.action-icons {
visibility: hidden;
a {
padding-left: 15px;
vertical-align: middle;
color: $muted;
&:hover,
&.active {
color: $info;
}
}
}
}
/*******************/
/*To do widgets*/
/*******************/
.todo-list {
li {
border: 0px;
margin-bottom: 0px;
padding: 20px 15px 15px 0px;
.checkbox {
width: 100%;
label {
font-weight: 400;
}
}
&:last-child {
border-bottom: 0px;
}
.assignedto {
padding: 0px 0 0 27px;
margin: 0px;
li {
list-style: none;
padding: 0px;
display: inline-block;
border: 0px;
margin-right: 2px;
img {
width: 30px;
border-radius: 100%;
}
}
}
.item-date {
padding-left: 25px;
font-size: 12px;
display: inline-block;
}
}
}
.list-task .task-done span {
text-decoration: line-through;
}
/*******************/
/*Chat widget*/
/*******************/
.chat-list {
margin: 0px;
padding: 0px;
li {
list-style: none;
margin-top: 30px;
.chat-img {
display: inline-block;
width: 45px;
vertical-align: top;
img {
width: 45px;
border-radius: 100%;
}
}
.chat-content {
width: calc(100% - 140px);
display: inline-block;
padding-left: 15px;
h5 {
color: $muted;
}
.box {
display: inline-block;
margin-bottom: 10px;
}
}
.chat-time {
display: inline-block;
text-align: right;
width: 80px;
font-size: 13px;
color: $muted;
}
&.odd {
.chat-content {
text-align: right;
width: calc(100% - 90px);
}
.box {
clear: both;
}
}
&.odd + .odd {
margin-top: 0px;
}
&.reverse {
text-align: right;
.chat-time {
text-align: left;
}
.chat-content {
padding-left: 0px;
padding-right: 15px;
}
}
}
}
/*******************/
/*Chat widget*/
/*******************/
.message-box {
ul li {
.drop-title {
font-weight: 500;
padding: 11px 20px 15px;
border-bottom: 1px solid $border;
}
.nav-link {
border-top: 1px solid $border;
padding-top: 15px;
}
}
.message-widget {
position: relative;
a {
border-bottom: 1px solid $border;
display: block;
text-decoration: none;
padding: 9px 15px;
&:hover {
background: $light;
}
&:last-child {
border-bottom: 0px;
}
div {
white-space: normal;
}
.user-img {
width: 45px;
position: relative;
display: inline-block;
margin: 0 10px 15px 0;
img {
width: 100%;
}
.profile-status {
border: 2px solid $white;
border-radius: 50%;
display: inline-block;
height: 10px;
left: 33px;
position: absolute;
top: -1px;
width: 10px;
}
.online {
background: $success;
}
.busy {
background: $danger;
}
.away {
background: $warning;
}
.offline {
background: $warning;
}
}
.mail-contnet {
display: inline-block;
width: 75%;
vertical-align: middle;
h5 {
margin: 5px 0px 0;
}
.mail-desc,
.time {
font-size: 12px;
display: block;
margin: 1px 0;
text-overflow: ellipsis;
overflow: hidden;
color: $bodytext;
white-space: nowrap;
}
}
}
}
}
/*******************/
/*Calendar widget*/
/*******************/
.calendar {
float: $lft;
margin-bottom: 0px;
}
.fc-view {
margin-top: 30px;
}
.none-border {
.modal-footer {
border-top: none;
}
}
.fc-toolbar {
margin-bottom: 5px;
margin-top: 15px;
h2 {
font-size: 18px;
font-weight: 500;
line-height: 30px;
text-transform: uppercase;
}
}
.fc-day {
background: $white;
}
.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active,
.fc-toolbar button:focus,
.fc-toolbar button:hover,
.fc-toolbar .ui-state-hover {
z-index: 0;
}
.fc-widget-header {
border: 0px !important;
}
.fc-widget-content {
border-color: rgba(120, 130, 140, 0.13)!important;
}
.fc {
th.fc-widget-header {
color: $bodytext;
font-size: 13px;
font-weight: 300;
line-height: 20px;
padding: 7px 0px;
text-transform: uppercase;
}
th.fc-sun,
th.fc-tue,
th.fc-thu,
th.fc-sat {
background: #f2f7f8;
}
th.fc-mon,
th.fc-wed,
th.fc-fri {
background: #f2f7f8;
}
}
.fc-view {
margin-top: 0px;
}
.fc-toolbar {
margin: 0px;
padding: 24px 0px;
}
.fc-button {
background: $white;
border: 1px solid $border;
color: $bodytext;
text-transform: capitalize;
&:hover {
background: $light;
opacity: 0.8;
}
}
.fc-text-arrow {
font-family: inherit;
font-size: 16px;
}
.fc-state-hover {
background: #F5F5F5;
}
.fc-unthemed .fc-today {
border: 1px solid $danger;
background: $light!important;
}
.fc-state-highlight {
background: #f0f0f0;
}
.fc-cell-overlay {
background: #f0f0f0;
}
.fc-unthemed {
.fc-today {
background: $white;
}
}
.fc-event {
border-radius: 0px;
border: none;
cursor: move;
color: $white!important;
font-size: 13px;
margin: 1px -1px 0 -1px;
padding: 5px 5px;
text-align: center;
background: $info;
}
.calendar-event {
cursor: move;
margin: 10px 5px 0 0;
padding: 6px 10px;
display: inline-block;
color: $white;
min-width: 140px;
text-align: center;
background: $info;
a {
float: $rgt;
opacity: 0.6;
font-size: 10px;
margin: 4px 0 0 10px;
color: $white;
}
}
.fc-basic-view {
td.fc-week-number {
span {
padding-right: 5px;
}
}
.fc-day-number {
padding: 10px 15px;
display: inline-block;
}
}
/*******************/
/*Steam line widget*/
/*******************/
.steamline {
position: relative;
border-left: 1px solid $border;
margin-left: 20px;
.sl-left {
float: $lft;
margin-left: -20px;
z-index: 1;
width: 40px;
line-height: 40px;
text-align: center;
height: 40px;
border-radius: 100%;
color: $white;
background: $dark;
margin-right: 15px;
img {
max-width: 40px;
}
}
}
.steamline .sl-right {
padding-left: 50px;
.desc,
.inline-photos {
margin-bottom: 30px;
}
}
.steamline .sl-item {
border-bottom: 1px solid $border;
margin: 20px 0;
}
.sl-date {
font-size: 10px;
color: $muted;
}
.time-item {
border-color: $border;
padding-bottom: 1px;
position: relative;
&:before {
content: " ";
display: table;
}
&:after {
background-color: $white;
border-color: $border;
border-radius: 10px;
border-style: solid;
border-width: 2px;
bottom: 0;
content: '';
height: 14px;
left: 0;
margin-left: -8px;
position: absolute;
top: 5px;
width: 14px;
}
}
.time-item-item {
&:after {
content: " ";
display: table;
}
}
.item-info {
margin-bottom: 15px;
margin-left: 15px;
p {
margin-bottom: 10px !important;
}
}
/*******************/
/*Feed widget*/
/*******************/
.feeds {
margin: 0px;
padding: 0px;
li {
list-style: none;
padding: 10px;
display: block;
&:hover {
background: $extra-light;
}
> div {
width: 40px;
height: 40px;
margin-right: 5px;
display: inline-block;
text-align: center;
vertical-align: middle;
border-radius: 100%;
i {
line-height: 40px;
}
}
span {
float: right;
width: auto;
font-size: 12px;
}
}
}
/*******************/
/*Vertical carousel*/
/*******************/
.vert .carousel-item-next.carousel-item-left,
.vert .carousel-item-prev.carousel-item-right {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.vert .carousel-item-next,
.vert .active.carousel-item-right {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100% 0);
}
.vert .carousel-item-prev,
.vert .active.carousel-item-left {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
/*******************/
/*social-widgets*/
/*******************/
.social-widget {
.soc-header {
padding: 15px;
text-align: center;
font-size: 36px;
color: #fff;
&.box-facebook {
background: #3b5998;
}
&.box-twitter {
background: #00aced;
}
&.box-google {
background: #f86c6b;
}
&.box-linkedin {
background: #4875b4;
}
}
.soc-content {
display: flex;
text-align: center;
div {
padding: 10px;
h3 {
margin-bottom: 0px;
}
}
}
}
/*******************/
/*Guage chart*/
/*******************/
.gaugejs-box {
position: relative;
margin: 0 auto;
}
.gaugejs-box canvas.gaugejs {
width: 100% !important;
height: auto !important;
}
/*******************/
/*social-profile-first*/
/*******************/
.social-profile-first {
text-align: center;
padding-top: 22%;
margin-bottom: 96px;
&.bg-over {
background: rgba(56, 83, 161, 0.7);
}
.middle {
vertical-align: middle;
}
}
/*******************/
/*country-state*/
/*******************/
.country-state {
list-style: none;
margin: 0;
padding: 0 0 0 10px;
li {
margin-top: 30px;
margin-bottom: 10px;
}
h2 {
margin-bottom: 0px;
font-weight: 400;
}
}
/*******************/
/*profile timeline widget*/
/*******************/
.profiletimeline {
position: relative;
margin-left: 70px;
margin-right: 10px;
.sl-left {
float: left;
margin-left: -60px;
z-index: 1;
margin-right: 15px;
img {
max-width: 40px;
}
}
}
.profiletimeline .sl-item {
margin-top: 8px;
margin-bottom: 30px;
}
.profiletimeline .sl-date {
font-size: 12px;
color: $muted;
}
.profiletimeline .time-item {
border-color: $border;
padding-bottom: 1px;
position: relative;
&:before {
content: " ";
display: table;
}
&:after {
background-color: $white;
border-color: $border;
border-radius: 10px;
border-style: solid;
border-width: 2px;
bottom: 0;
content: '';
height: 14px;
left: 0;
margin-left: -8px;
position: absolute;
top: 5px;
width: 14px;
}
}
.profiletimeline .time-item-item {
&:after {
content: " ";
display: table;
}
}
.profiletimeline .item-info {
margin-bottom: 15px;
margin-left: 15px;
p {
margin-bottom: 10px !important;
}
}
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" height="480" width="640" version="1">
<path fill="#fff" d="M0 0h640v480H0z"/>
<path fill="#0038a8" d="M266 53.333h374v53.333H266zM266 160h374v53.333H266zM0 266.667h640V320H0zm0 106.666h640v53.333H0z"/>
<g transform="translate(133.333 133.333) scale(2.93333)" stroke-miterlimit="20" fill="#fcd116" stroke="#000" stroke-width=".6">
<g id="c">
<g id="b">
<g id="a">
<path d="M1.5 9L6 12c-8 13 1 15-6 21 3-7-3-5-3-17" stroke-linecap="square" transform="rotate(22.5)"/>
<path d="M0 11c-2 13 4.5 17 0 22" fill="none" transform="rotate(22.5)"/>
<path d="M0 0h6L0 33-6 0h6v33"/>
</g>
<use height="100%" width="100%" xlink:href="#a" transform="rotate(45)"/>
</g>
<use height="100%" width="100%" xlink:href="#b" transform="rotate(90)"/>
</g>
<use height="100%" width="100%" xlink:href="#c" transform="scale(-1)"/>
<circle r="11"/>
</g>
<g transform="translate(133.333 133.333) scale(.29333)">
<g id="d">
<path d="M81-44c-7 8-11-6-36-6S16-35 12-38s21-21 29-22 31 7 40 16m-29 9c7 6 1 19-6 19S26-28 32-36"/>
<path d="M19-26c1-12 11-14 27-14s23 12 29 15c-7 0-13-10-29-10s-16 0-27 10m3 2c4-6 9 6 20 6s17-3 24-8-10 12-21 12-26-6-23-10"/>
<path d="M56-17c13-7 5-17 0-19 2 2 10 12 0 19M0 43c6 0 8-2 16-2s27 11 38 7c-23 9-14 3-54 3h-5m63 6c-4-7-3-5-11-16 8 6 10 9 11 16M0 67c25 0 21-5 54-19-24 3-29 11-54 11h-5m5-29c7 0 9-5 17-5s19 3 24 7c1 1-3-8-11-9S25 9 16 7c0 4 3 3 4 9 0 5-9 5-11 0 2 8-4 8-9 8"/>
</g>
<use height="100%" width="100%" xlink:href="#d" transform="scale(-1 1)"/>
<path d="M0 76c-5 0-18 3 0 3s5-3 0-3"/>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" height="480" width="640" version="1">
<defs>
<clipPath id="a">
<path fill-opacity=".67" d="M-71.873-.012h682.68v512.01h-682.68z"/>
</clipPath>
</defs>
<g clip-path="url(#a)" transform="translate(67.379 .011) scale(.93748)">
<g fill-rule="evenodd" stroke-width="1pt">
<path d="M-71.878 407.837V104.428l225.832 151.627-225.832 151.793z"/>
<path d="M82.217 512.121l253.538-170.644h360.372v170.644H82.217z" fill="#00c"/>
<path d="M65.917.062l630.19.013v170.672H335.735S69.295-1.626 65.917.062z" fill="red"/>
<path d="M-71.878 64.075v40.329L153.954 256.03-71.878 407.823v40.327l284.44-192.12-284.44-191.955z" fill="#fc0"/>
<path d="M-71.878 64.075V.062h94.891l301.313 203.88h371.778v104.261H324.326L23.013 512.053h-94.89V448.15l284.439-192.12-284.44-191.955z" fill="#093"/>
<path d="M23.013.062h59.194l253.538 170.673h360.372v33.207H324.339L23.025.062zM23.013 512.121h59.194l253.538-170.644h360.372v-33.206H324.339L23.025 512.12z" fill="#fff"/>
</g>
</g>
</svg>
// Fixed Width Icons
// -------------------------
.@{fa-css-prefix}-fw {
width: (18em / 14);
text-align: center;
}
// Mixins
// --------------------------
.fa-icon() {
display: inline-block;
font: normal normal normal @fa-font-size-base/@fa-line-height-base FontAwesome; // shortening font declaration
font-size: inherit; // can't have font-size inherit on line above, so need to override
text-rendering: auto; // optimizelegibility throws things off #1094
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.fa-icon-rotate(@degrees, @rotation) {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=@{rotation})";
-webkit-transform: rotate(@degrees);
-ms-transform: rotate(@degrees);
transform: rotate(@degrees);
}
.fa-icon-flip(@horiz, @vert, @rotation) {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=@{rotation}, mirror=1)";
-webkit-transform: scale(@horiz, @vert);
-ms-transform: scale(@horiz, @vert);
transform: scale(@horiz, @vert);
}
// Only display content to screen readers. A la Bootstrap 4.
//
// See: http://a11yproject.com/posts/how-to-hide-content/
.sr-only() {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0,0,0,0);
border: 0;
}
// Use in conjunction with .sr-only to only display content when it's focused.
//
// Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
//
// Credit: HTML5 Boilerplate
.sr-only-focusable() {
&:active,
&:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto;
}
}
/* FONT PATH
* -------------------------- */
@font-face {
font-family: 'FontAwesome';
src: url('@{fa-font-path}/fontawesome-webfont.eot?v=@{fa-version}');
src: url('@{fa-font-path}/fontawesome-webfont.eot?#iefix&v=@{fa-version}') format('embedded-opentype'),
url('@{fa-font-path}/fontawesome-webfont.woff2?v=@{fa-version}') format('woff2'),
url('@{fa-font-path}/fontawesome-webfont.woff?v=@{fa-version}') format('woff'),
url('@{fa-font-path}/fontawesome-webfont.ttf?v=@{fa-version}') format('truetype'),
url('@{fa-font-path}/fontawesome-webfont.svg?v=@{fa-version}#fontawesomeregular') format('svg');
// src: url('@{fa-font-path}/FontAwesome.otf') format('opentype'); // used when developing fonts
font-weight: normal;
font-style: normal;
}
// Rotated & Flipped Icons
// -------------------------
.@{fa-css-prefix}-rotate-90 { .fa-icon-rotate(90deg, 1); }
.@{fa-css-prefix}-rotate-180 { .fa-icon-rotate(180deg, 2); }
.@{fa-css-prefix}-rotate-270 { .fa-icon-rotate(270deg, 3); }
.@{fa-css-prefix}-flip-horizontal { .fa-icon-flip(-1, 1, 0); }
.@{fa-css-prefix}-flip-vertical { .fa-icon-flip(1, -1, 2); }
// Hook for IE8-9
// -------------------------
:root .@{fa-css-prefix}-rotate-90,
:root .@{fa-css-prefix}-rotate-180,
:root .@{fa-css-prefix}-rotate-270,
:root .@{fa-css-prefix}-flip-horizontal,
:root .@{fa-css-prefix}-flip-vertical {
filter: none;
}
// Screen Readers
// -------------------------
.sr-only { .sr-only(); }
.sr-only-focusable { .sr-only-focusable(); }
{
"name": "font-awesome",
"description": "Font Awesome",
"version": "4.2.0",
"keywords": [],
"homepage": "http://fontawesome.io",
"dependencies": {},
"devDependencies": {},
"license": [
"OFL-1.1",
"MIT",
"CC-BY-3.0"
],
"main": [
"./css/font-awesome.css",
".//fonts/*"
],
"ignore": [
"*/.*",
"*.json",
"src",
"*.yml",
"Gemfile",
"Gemfile.lock",
"*.md"
],
"_release": "4.2.0",
"_resolution": {
"type": "version",
"tag": "v4.2.0",
"commit": "0b924144a95a54fa738d0450ff66c1dabd11ae74"
},
"_source": "git://github.com/FortAwesome/Font-Awesome.git",
"_target": "~4.2.0",
"_originalSource": "font-awesome"
}
\ No newline at end of file
// Animated Icons
// --------------------------
.@{fa-css-prefix}-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
}
.@{fa-css-prefix}-pulse {
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
// Bordered & Pulled
// -------------------------
.@{fa-css-prefix}-border {
padding: .2em .25em .15em;
border: solid .08em @fa-border-color;
border-radius: .1em;
}
.@{fa-css-prefix}-pull-left { float: left; }
.@{fa-css-prefix}-pull-right { float: right; }
.@{fa-css-prefix} {
&.@{fa-css-prefix}-pull-left { margin-right: .3em; }
&.@{fa-css-prefix}-pull-right { margin-left: .3em; }
}
/* Deprecated as of 4.4.0 */
.pull-right { float: right; }
.pull-left { float: left; }
.@{fa-css-prefix} {
&.pull-left { margin-right: .3em; }
&.pull-right { margin-left: .3em; }
}
// Fixed Width Icons
// -------------------------
.@{fa-css-prefix}-fw {
width: (18em / 14);
text-align: center;
}
/*!
* Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/
@import "variables.less";
@import "mixins.less";
@import "path.less";
@import "core.less";
@import "larger.less";
@import "fixed-width.less";
@import "list.less";
@import "bordered-pulled.less";
@import "animated.less";
@import "rotated-flipped.less";
@import "stacked.less";
@import "icons.less";
// Mixins
// --------------------------
.fa-icon() {
display: inline-block;
font: normal normal normal @fa-font-size-base/@fa-line-height-base FontAwesome; // shortening font declaration
font-size: inherit; // can't have font-size inherit on line above, so need to override
text-rendering: auto; // optimizelegibility throws things off #1094
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.fa-icon-rotate(@degrees, @rotation) {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=@rotation);
-webkit-transform: rotate(@degrees);
-ms-transform: rotate(@degrees);
transform: rotate(@degrees);
}
.fa-icon-flip(@horiz, @vert, @rotation) {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=@rotation, mirror=1);
-webkit-transform: scale(@horiz, @vert);
-ms-transform: scale(@horiz, @vert);
transform: scale(@horiz, @vert);
}
/* FONT PATH
* -------------------------- */
@font-face {
font-family: 'FontAwesome';
src: url('../less/icons/font-awesome/fonts/fontawesome-webfont.eot?v=@{fa-version}');
src: url('../less/icons/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=@{fa-version}') format('embedded-opentype'),
url('../less/icons/font-awesome/fonts/fontawesome-webfont.woff2?v=@{fa-version}') format('woff2'),
url('../less/icons/font-awesome/fonts/fontawesome-webfont.woff?v=@{fa-version}') format('woff'),
url('../less/icons/font-awesome/fonts/fontawesome-webfont.ttf?v=@{fa-version}') format('truetype'),
url('../less/icons/font-awesome/fonts/fontawesome-webfont.svg?v=@{fa-version}#fontawesomeregular') format('svg');
// src: url('../less/icons/font-awesome/fonts/FontAwesome.otf') format('opentype'); // used when developing fonts
font-weight: normal;
font-style: normal;
}
// Rotated & Flipped Icons
// -------------------------
.@{fa-css-prefix}-rotate-90 { .fa-icon-rotate(90deg, 1); }
.@{fa-css-prefix}-rotate-180 { .fa-icon-rotate(180deg, 2); }
.@{fa-css-prefix}-rotate-270 { .fa-icon-rotate(270deg, 3); }
.@{fa-css-prefix}-flip-horizontal { .fa-icon-flip(-1, 1, 0); }
.@{fa-css-prefix}-flip-vertical { .fa-icon-flip(1, -1, 2); }
// Hook for IE8-9
// -------------------------
:root .@{fa-css-prefix}-rotate-90,
:root .@{fa-css-prefix}-rotate-180,
:root .@{fa-css-prefix}-rotate-270,
:root .@{fa-css-prefix}-flip-horizontal,
:root .@{fa-css-prefix}-flip-vertical {
filter: none;
}
// Spinning Icons
// --------------------------
.@{fa-css-prefix}-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
}
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
// Stacked Icons
// -------------------------
.@{fa-css-prefix}-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle;
}
.@{fa-css-prefix}-stack-1x, .@{fa-css-prefix}-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center;
}
.@{fa-css-prefix}-stack-1x { line-height: inherit; }
.@{fa-css-prefix}-stack-2x { font-size: 2em; }
.@{fa-css-prefix}-inverse { color: @fa-inverse; }
// Spinning Icons
// --------------------------
.#{$fa-css-prefix}-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
}
.#{$fa-css-prefix}-pulse {
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
// Bordered & Pulled
// -------------------------
.#{$fa-css-prefix}-border {
padding: .2em .25em .15em;
border: solid .08em $fa-border-color;
border-radius: .1em;
}
.#{$fa-css-prefix}-pull-left { float: left; }
.#{$fa-css-prefix}-pull-right { float: right; }
.#{$fa-css-prefix} {
&.#{$fa-css-prefix}-pull-left { margin-right: .3em; }
&.#{$fa-css-prefix}-pull-right { margin-left: .3em; }
}
/* Deprecated as of 4.4.0 */
.pull-right { float: right; }
.pull-left { float: left; }
.#{$fa-css-prefix} {
&.pull-left { margin-right: .3em; }
&.pull-right { margin-left: .3em; }
}
// Base Class Definition
// -------------------------
.#{$fa-css-prefix} {
display: inline-block;
font: normal normal normal #{$fa-font-size-base}/#{$fa-line-height-base} FontAwesome; // shortening font declaration
font-size: inherit; // can't have font-size inherit on line above, so need to override
text-rendering: auto; // optimizelegibility throws things off #1094
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* EXTRAS
* -------------------------- */
/* Stacked and layered icon */
/* Animated rotating icon */
.#{$fa-css-prefix}-spin {
-webkit-animation: spin 2s infinite linear;
-moz-animation: spin 2s infinite linear;
-o-animation: spin 2s infinite linear;
animation: spin 2s infinite linear;
}
@-moz-keyframes spin {
0% { -moz-transform: rotate(0deg); }
100% { -moz-transform: rotate(359deg); }
}
@-webkit-keyframes spin {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(359deg); }
}
@-o-keyframes spin {
0% { -o-transform: rotate(0deg); }
100% { -o-transform: rotate(359deg); }
}
@-ms-keyframes spin {
0% { -ms-transform: rotate(0deg); }
100% { -ms-transform: rotate(359deg); }
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(359deg); }
}
// Icon rotations & flipping
// -------------------------
.#{$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); }
.#{$fa-css-prefix}-flip-horizontal { @include fa-icon-flip(-1, 1, 0); }
.#{$fa-css-prefix}-flip-vertical { @include fa-icon-flip(1, -1, 2); }
// Fixed Width Icons
// -------------------------
.#{$fa-css-prefix}-fw {
width: (18em / 14);
text-align: center;
}
// Icon Sizes
// -------------------------
/* makes the font 33% larger relative to the icon container */
.#{$fa-css-prefix}-lg {
font-size: (4em / 3);
line-height: (3em / 4);
vertical-align: -15%;
}
.#{$fa-css-prefix}-2x { font-size: 2em; }
.#{$fa-css-prefix}-3x { font-size: 3em; }
.#{$fa-css-prefix}-4x { font-size: 4em; }
.#{$fa-css-prefix}-5x { font-size: 5em; }
// List Icons
// -------------------------
.#{$fa-css-prefix}-ul {
padding-left: 0;
margin-left: $fa-li-width;
list-style-type: none;
> li { position: relative; }
}
.#{$fa-css-prefix}-li {
position: absolute;
left: -$fa-li-width;
width: $fa-li-width;
top: (2em / 14);
text-align: center;
&.#{$fa-css-prefix}-lg {
left: -$fa-li-width + (4em / 14);
}
}
// Mixins
// --------------------------
@mixin fa-icon() {
display: inline-block;
font: normal normal normal #{$fa-font-size-base}/#{$fa-line-height-base} FontAwesome; // shortening font declaration
font-size: inherit; // can't have font-size inherit on line above, so need to override
text-rendering: auto; // optimizelegibility throws things off #1094
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@mixin fa-icon-rotate($degrees, $rotation) {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation});
-webkit-transform: rotate($degrees);
-ms-transform: rotate($degrees);
transform: rotate($degrees);
}
@mixin fa-icon-flip($horiz, $vert, $rotation) {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation});
-webkit-transform: scale($horiz, $vert);
-ms-transform: scale($horiz, $vert);
transform: scale($horiz, $vert);
}
/* FONT PATH
* -------------------------- */
@font-face {
font-family: 'FontAwesome';
src: url('#{$fa-font-path}/fontawesome-webfont.eot?v=#{$fa-version}');
src: url('#{$fa-font-path}/fontawesome-webfont.eot?#iefix&v=#{$fa-version}') format('embedded-opentype'),
url('#{$fa-font-path}/fontawesome-webfont.woff2?v=#{$fa-version}') format('woff2'),
url('#{$fa-font-path}/fontawesome-webfont.woff?v=#{$fa-version}') format('woff'),
url('#{$fa-font-path}/fontawesome-webfont.ttf?v=#{$fa-version}') format('truetype'),
url('#{$fa-font-path}/fontawesome-webfont.svg?v=#{$fa-version}#fontawesomeregular') format('svg');
// src: url('#{$fa-font-path}/FontAwesome.otf') format('opentype'); // used when developing fonts
font-weight: normal;
font-style: normal;
}
// Rotated & Flipped Icons
// -------------------------
.#{$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); }
.#{$fa-css-prefix}-flip-horizontal { @include fa-icon-flip(-1, 1, 0); }
.#{$fa-css-prefix}-flip-vertical { @include fa-icon-flip(1, -1, 2); }
// Hook for IE8-9
// -------------------------
:root .#{$fa-css-prefix}-rotate-90,
:root .#{$fa-css-prefix}-rotate-180,
:root .#{$fa-css-prefix}-rotate-270,
:root .#{$fa-css-prefix}-flip-horizontal,
:root .#{$fa-css-prefix}-flip-vertical {
filter: none;
}
// Spinning Icons
// --------------------------
.#{$fa-css-prefix}-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
}
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
// Stacked Icons
// -------------------------
.#{$fa-css-prefix}-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle;
}
.#{$fa-css-prefix}-stack-1x, .#{$fa-css-prefix}-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center;
}
.#{$fa-css-prefix}-stack-1x { line-height: inherit; }
.#{$fa-css-prefix}-stack-2x { font-size: 2em; }
.#{$fa-css-prefix}-inverse { color: $fa-inverse; }
/*!
* Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/
@import "variables";
@import "mixins";
@import "path";
@import "core";
@import "larger";
@import "fixed-width";
@import "list";
@import "bordered-pulled";
@import "animated";
@import "rotated-flipped";
@import "stacked";
@import "icons";
// Spinning Icons
// --------------------------
.#{$fa-css-prefix}-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
}
.#{$fa-css-prefix}-pulse {
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
// Bordered & Pulled
// -------------------------
.#{$fa-css-prefix}-border {
padding: .2em .25em .15em;
border: solid .08em $fa-border-color;
border-radius: .1em;
}
.#{$fa-css-prefix}-pull-left { float: left; }
.#{$fa-css-prefix}-pull-right { float: right; }
.#{$fa-css-prefix} {
&.#{$fa-css-prefix}-pull-left { margin-right: .3em; }
&.#{$fa-css-prefix}-pull-right { margin-left: .3em; }
}
/* Deprecated as of 4.4.0 */
.pull-right { float: right; }
.pull-left { float: left; }
.#{$fa-css-prefix} {
&.pull-left { margin-right: .3em; }
&.pull-right { margin-left: .3em; }
}
// Base Class Definition
// -------------------------
.#{$fa-css-prefix} {
display: inline-block;
font: normal normal normal #{$fa-font-size-base}/#{$fa-line-height-base} FontAwesome; // shortening font declaration
font-size: inherit; // can't have font-size inherit on line above, so need to override
text-rendering: auto; // optimizelegibility throws things off #1094
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
// Fixed Width Icons
// -------------------------
.#{$fa-css-prefix}-fw {
width: (18em / 14);
text-align: center;
}
// Icon Sizes
// -------------------------
/* makes the font 33% larger relative to the icon container */
.#{$fa-css-prefix}-lg {
font-size: (4em / 3);
line-height: (3em / 4);
vertical-align: -15%;
}
.#{$fa-css-prefix}-2x { font-size: 2em; }
.#{$fa-css-prefix}-3x { font-size: 3em; }
.#{$fa-css-prefix}-4x { font-size: 4em; }
.#{$fa-css-prefix}-5x { font-size: 5em; }
// List Icons
// -------------------------
.#{$fa-css-prefix}-ul {
padding-left: 0;
margin-left: $fa-li-width;
list-style-type: none;
> li { position: relative; }
}
.#{$fa-css-prefix}-li {
position: absolute;
left: -$fa-li-width;
width: $fa-li-width;
top: (2em / 14);
text-align: center;
&.#{$fa-css-prefix}-lg {
left: -$fa-li-width + (4em / 14);
}
}
// Mixins
// --------------------------
@mixin fa-icon() {
display: inline-block;
font: normal normal normal #{$fa-font-size-base}/#{$fa-line-height-base} FontAwesome; // shortening font declaration
font-size: inherit; // can't have font-size inherit on line above, so need to override
text-rendering: auto; // optimizelegibility throws things off #1094
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@mixin fa-icon-rotate($degrees, $rotation) {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation})";
-webkit-transform: rotate($degrees);
-ms-transform: rotate($degrees);
transform: rotate($degrees);
}
@mixin fa-icon-flip($horiz, $vert, $rotation) {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation}, mirror=1)";
-webkit-transform: scale($horiz, $vert);
-ms-transform: scale($horiz, $vert);
transform: scale($horiz, $vert);
}
// Only display content to screen readers. A la Bootstrap 4.
//
// See: http://a11yproject.com/posts/how-to-hide-content/
@mixin sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0,0,0,0);
border: 0;
}
// Use in conjunction with .sr-only to only display content when it's focused.
//
// Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
//
// Credit: HTML5 Boilerplate
@mixin sr-only-focusable {
&:active,
&:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto;
}
}
/* FONT PATH
* -------------------------- */
@font-face {
font-family: 'FontAwesome';
src: url('#{$fa-font-path}/fontawesome-webfont.eot?v=#{$fa-version}');
src: url('#{$fa-font-path}/fontawesome-webfont.eot?#iefix&v=#{$fa-version}') format('embedded-opentype'),
url('#{$fa-font-path}/fontawesome-webfont.woff2?v=#{$fa-version}') format('woff2'),
url('#{$fa-font-path}/fontawesome-webfont.woff?v=#{$fa-version}') format('woff'),
url('#{$fa-font-path}/fontawesome-webfont.ttf?v=#{$fa-version}') format('truetype'),
url('#{$fa-font-path}/fontawesome-webfont.svg?v=#{$fa-version}#fontawesomeregular') format('svg');
// src: url('#{$fa-font-path}/FontAwesome.otf') format('opentype'); // used when developing fonts
font-weight: normal;
font-style: normal;
}
// Rotated & Flipped Icons
// -------------------------
.#{$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); }
.#{$fa-css-prefix}-flip-horizontal { @include fa-icon-flip(-1, 1, 0); }
.#{$fa-css-prefix}-flip-vertical { @include fa-icon-flip(1, -1, 2); }
// Hook for IE8-9
// -------------------------
:root .#{$fa-css-prefix}-rotate-90,
:root .#{$fa-css-prefix}-rotate-180,
:root .#{$fa-css-prefix}-rotate-270,
:root .#{$fa-css-prefix}-flip-horizontal,
:root .#{$fa-css-prefix}-flip-vertical {
filter: none;
}
// Stacked Icons
// -------------------------
.#{$fa-css-prefix}-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle;
}
.#{$fa-css-prefix}-stack-1x, .#{$fa-css-prefix}-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center;
}
.#{$fa-css-prefix}-stack-1x { line-height: inherit; }
.#{$fa-css-prefix}-stack-2x { font-size: 2em; }
.#{$fa-css-prefix}-inverse { color: $fa-inverse; }
/*!
* Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/
@import "variables";
@import "mixins";
@import "path";
@import "core";
@import "larger";
@import "fixed-width";
@import "list";
@import "bordered-pulled";
@import "animated";
@import "rotated-flipped";
@import "stacked";
@import "icons";
@import "screen-reader";
@font-face {
font-family: 'weathericons';
src: url('..//fonts/weathericons-regular-webfont.eot');
src: url('..//fonts/weathericons-regular-webfont.eot?#iefix') format('embedded-opentype'), url('..//fonts/weathericons-regular-webfont.woff2') format('woff2'), url('..//fonts/weathericons-regular-webfont.woff') format('woff'), url('..//fonts/weathericons-regular-webfont.ttf') format('truetype'), url('..//fonts/weathericons-regular-webfont.svg#weather_iconsregular') format('svg');
font-weight: normal;
font-style: normal;
}
.wi {
display: inline-block;
font-family: 'weathericons';
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.wi-fw {
text-align: center;
width: 1.4em;
}
.wi-rotate-90 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.wi-rotate-180 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.wi-rotate-270 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
}
.wi-flip-horizontal {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
-webkit-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.wi-flip-vertical {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
-webkit-transform: scale(1, -1);
-ms-transform: scale(1, -1);
transform: scale(1, -1);
}
.wi-wind-beaufort-0:before {content: @wind-beaufort-0;}
.wi-wind-beaufort-1:before {content: @wind-beaufort-1;}
.wi-wind-beaufort-2:before {content: @wind-beaufort-2;}
.wi-wind-beaufort-3:before {content: @wind-beaufort-3;}
.wi-wind-beaufort-4:before {content: @wind-beaufort-4;}
.wi-wind-beaufort-5:before {content: @wind-beaufort-5;}
.wi-wind-beaufort-6:before {content: @wind-beaufort-6;}
.wi-wind-beaufort-7:before {content: @wind-beaufort-7;}
.wi-wind-beaufort-8:before {content: @wind-beaufort-8;}
.wi-wind-beaufort-9:before {content: @wind-beaufort-9;}
.wi-wind-beaufort-10:before {content: @wind-beaufort-10;}
.wi-wind-beaufort-11:before {content: @wind-beaufort-11;}
.wi-wind-beaufort-12:before {content: @wind-beaufort-12;}
\ No newline at end of file
.wi-day-sunny:before {content: @day-sunny;}
.wi-day-cloudy:before {content: @day-cloudy;}
.wi-day-cloudy-gusts:before {content: @day-cloudy-gusts;}
.wi-day-cloudy-windy:before {content: @day-cloudy-windy;}
.wi-day-fog:before {content: @day-fog;}
.wi-day-hail:before {content: @day-hail;}
.wi-day-haze:before {content: @day-haze;}
.wi-day-lightning:before {content: @day-lightning;}
.wi-day-rain:before {content: @day-rain;}
.wi-day-rain-mix:before {content: @day-rain-mix;}
.wi-day-rain-wind:before {content: @day-rain-wind;}
.wi-day-showers:before {content: @day-showers;}
.wi-day-sleet:before {content: @day-sleet;}
.wi-day-sleet-storm:before {content: @day-sleet-storm;}
.wi-day-snow:before {content: @day-snow;}
.wi-day-snow-thunderstorm:before {content: @day-snow-thunderstorm;}
.wi-day-snow-wind:before {content: @day-snow-wind;}
.wi-day-sprinkle:before {content: @day-sprinkle;}
.wi-day-storm-showers:before {content: @day-storm-showers;}
.wi-day-sunny-overcast:before {content: @day-sunny-overcast;}
.wi-day-thunderstorm:before {content: @day-thunderstorm;}
.wi-day-windy:before {content: @day-windy;}
.wi-solar-eclipse:before {content: @solar-eclipse;}
.wi-hot:before {content: @hot;}
.wi-day-cloudy-high:before {content: @day-cloudy-high;}
.wi-day-light-wind:before {content: @day-light-wind;}
\ No newline at end of file
.wi-direction-up:before {content: @direction-up;}
.wi-direction-up-right:before {content: @direction-up-right;}
.wi-direction-right:before {content: @direction-right;}
.wi-direction-down-right:before {content: @direction-down-right;}
.wi-direction-down:before {content: @direction-down;}
.wi-direction-down-left:before {content: @direction-down-left;}
.wi-direction-left:before {content: @direction-left;}
.wi-direction-up-left:before {content: @direction-up-left;}
\ No newline at end of file
.wi-alien:before {content: @alien;}
.wi-celsius:before {content: @celsius;}
.wi-fahrenheit:before {content: @fahrenheit;}
.wi-degrees:before {content: @degrees;}
.wi-thermometer:before {content: @thermometer;}
.wi-thermometer-exterior:before {content: @thermometer-exterior;}
.wi-thermometer-internal:before {content: @thermometer-internal;}
.wi-cloud-down:before {content: @cloud-down;}
.wi-cloud-up:before {content: @cloud-up;}
.wi-cloud-refresh:before {content: @cloud-refresh;}
.wi-horizon:before {content: @horizon;}
.wi-horizon-alt:before {content: @horizon-alt;}
.wi-sunrise:before {content: @sunrise;}
.wi-sunset:before {content: @sunset;}
.wi-moonrise:before {content: @moonrise;}
.wi-moonset:before {content: @moonset;}
.wi-refresh:before {content: @refresh;}
.wi-refresh-alt:before {content: @refresh-alt;}
.wi-umbrella:before {content: @umbrella;}
.wi-barometer:before {content: @barometer;}
.wi-humidity:before {content: @humidity;}
.wi-na:before {content: @na;}
.wi-train:before {content: @train;}
\ No newline at end of file
.wi-moon-0:before {content: @moon-new;}
.wi-moon-1:before {content: @moon-waxing-cresent-1;}
.wi-moon-2:before {content: @moon-waxing-cresent-2;}
.wi-moon-3:before {content: @moon-waxing-cresent-3;}
.wi-moon-4:before {content: @moon-waxing-cresent-4;}
.wi-moon-5:before {content: @moon-waxing-cresent-5;}
.wi-moon-6:before {content: @moon-waxing-cresent-6;}
.wi-moon-7:before {content: @moon-first-quarter;}
.wi-moon-8:before {content: @moon-waxing-gibbous-1;}
.wi-moon-9:before {content: @moon-waxing-gibbous-2;}
.wi-moon-10:before {content: @moon-waxing-gibbous-3;}
.wi-moon-11:before {content: @moon-waxing-gibbous-4;}
.wi-moon-12:before {content: @moon-waxing-gibbous-5;}
.wi-moon-13:before {content: @moon-waxing-gibbous-6;}
.wi-moon-14:before {content: @moon-full;}
.wi-moon-15:before {content: @moon-waning-gibbous-1;}
.wi-moon-16:before {content: @moon-waning-gibbous-2;}
.wi-moon-17:before {content: @moon-waning-gibbous-3;}
.wi-moon-18:before {content: @moon-waning-gibbous-4;}
.wi-moon-19:before {content: @moon-waning-gibbous-5;}
.wi-moon-20:before {content: @moon-waning-gibbous-6;}
.wi-moon-21:before {content: @moon-third-quarter;}
.wi-moon-22:before {content: @moon-waning-crescent-1;}
.wi-moon-23:before {content: @moon-waning-crescent-2;}
.wi-moon-24:before {content: @moon-waning-crescent-3;}
.wi-moon-25:before {content: @moon-waning-crescent-4;}
.wi-moon-26:before {content: @moon-waning-crescent-5;}
.wi-moon-27:before {content: @moon-waning-crescent-6;}
\ No newline at end of file
.wi-moon-new:before {content: @moon-new;}
.wi-moon-waxing-cresent-1:before {content: @moon-waxing-cresent-1;}
.wi-moon-waxing-cresent-2:before {content: @moon-waxing-cresent-2;}
.wi-moon-waxing-cresent-3:before {content: @moon-waxing-cresent-3;}
.wi-moon-waxing-cresent-4:before {content: @moon-waxing-cresent-4;}
.wi-moon-waxing-cresent-5:before {content: @moon-waxing-cresent-5;}
.wi-moon-waxing-cresent-6:before {content: @moon-waxing-cresent-6;}
.wi-moon-first-quarter:before {content: @moon-first-quarter;}
.wi-moon-waxing-gibbous-1:before {content: @moon-waxing-gibbous-1;}
.wi-moon-waxing-gibbous-2:before {content: @moon-waxing-gibbous-2;}
.wi-moon-waxing-gibbous-3:before {content: @moon-waxing-gibbous-3;}
.wi-moon-waxing-gibbous-4:before {content: @moon-waxing-gibbous-4;}
.wi-moon-waxing-gibbous-5:before {content: @moon-waxing-gibbous-5;}
.wi-moon-waxing-gibbous-6:before {content: @moon-waxing-gibbous-6;}
.wi-moon-full:before {content: @moon-full;}
.wi-moon-waning-gibbous-1:before {content: @moon-waning-gibbous-1;}
.wi-moon-waning-gibbous-2:before {content: @moon-waning-gibbous-2;}
.wi-moon-waning-gibbous-3:before {content: @moon-waning-gibbous-3;}
.wi-moon-waning-gibbous-4:before {content: @moon-waning-gibbous-4;}
.wi-moon-waning-gibbous-5:before {content: @moon-waning-gibbous-5;}
.wi-moon-waning-gibbous-6:before {content: @moon-waning-gibbous-6;}
.wi-moon-third-quarter:before {content: @moon-third-quarter;}
.wi-moon-waning-crescent-1:before {content: @moon-waning-crescent-1;}
.wi-moon-waning-crescent-2:before {content: @moon-waning-crescent-2;}
.wi-moon-waning-crescent-3:before {content: @moon-waning-crescent-3;}
.wi-moon-waning-crescent-4:before {content: @moon-waning-crescent-4;}
.wi-moon-waning-crescent-5:before {content: @moon-waning-crescent-5;}
.wi-moon-waning-crescent-6:before {content: @moon-waning-crescent-6;}
.wi-moon-alt-new:before {content: @moon-alt-new;}
.wi-moon-alt-waxing-cresent-1:before {content: @moon-alt-waxing-cresent-1;}
.wi-moon-alt-waxing-cresent-2:before {content: @moon-alt-waxing-cresent-2;}
.wi-moon-alt-waxing-cresent-3:before {content: @moon-alt-waxing-cresent-3;}
.wi-moon-alt-waxing-cresent-4:before {content: @moon-alt-waxing-cresent-4;}
.wi-moon-alt-waxing-cresent-5:before {content: @moon-alt-waxing-cresent-5;}
.wi-moon-alt-waxing-cresent-6:before {content: @moon-alt-waxing-cresent-6;}
.wi-moon-alt-first-quarter:before {content: @moon-alt-first-quarter;}
.wi-moon-alt-waxing-gibbous-1:before {content: @moon-alt-waxing-gibbous-1;}
.wi-moon-alt-waxing-gibbous-2:before {content: @moon-alt-waxing-gibbous-2;}
.wi-moon-alt-waxing-gibbous-3:before {content: @moon-alt-waxing-gibbous-3;}
.wi-moon-alt-waxing-gibbous-4:before {content: @moon-alt-waxing-gibbous-4;}
.wi-moon-alt-waxing-gibbous-5:before {content: @moon-alt-waxing-gibbous-5;}
.wi-moon-alt-waxing-gibbous-6:before {content: @moon-alt-waxing-gibbous-6;}
.wi-moon-alt-full:before {content: @moon-alt-full;}
.wi-moon-alt-waning-gibbous-1:before {content: @moon-alt-waning-gibbous-1;}
.wi-moon-alt-waning-gibbous-2:before {content: @moon-alt-waning-gibbous-2;}
.wi-moon-alt-waning-gibbous-3:before {content: @moon-alt-waning-gibbous-3;}
.wi-moon-alt-waning-gibbous-4:before {content: @moon-alt-waning-gibbous-4;}
.wi-moon-alt-waning-gibbous-5:before {content: @moon-alt-waning-gibbous-5;}
.wi-moon-alt-waning-gibbous-6:before {content: @moon-alt-waning-gibbous-6;}
.wi-moon-alt-third-quarter:before {content: @moon-alt-third-quarter;}
.wi-moon-alt-waning-crescent-1:before {content: @moon-alt-waning-crescent-1;}
.wi-moon-alt-waning-crescent-2:before {content: @moon-alt-waning-crescent-2;}
.wi-moon-alt-waning-crescent-3:before {content: @moon-alt-waning-crescent-3;}
.wi-moon-alt-waning-crescent-4:before {content: @moon-alt-waning-crescent-4;}
.wi-moon-alt-waning-crescent-5:before {content: @moon-alt-waning-crescent-5;}
.wi-moon-alt-waning-crescent-6:before {content: @moon-alt-waning-crescent-6;}
\ No newline at end of file
.wi-cloud:before {content: @cloud;}
.wi-cloudy:before {content: @cloudy;}
.wi-cloudy-gusts:before {content: @cloudy-gusts;}
.wi-cloudy-windy:before {content: @cloudy-windy;}
.wi-fog:before {content: @fog;}
.wi-hail:before {content: @hail;}
.wi-rain:before {content: @rain;}
.wi-rain-mix:before {content: @rain-mix;}
.wi-rain-wind:before {content: @rain-wind;}
.wi-showers:before {content: @showers;}
.wi-sleet:before {content: @sleet;}
.wi-snow:before {content: @snow;}
.wi-sprinkle:before {content: @sprinkle;}
.wi-storm-showers:before {content: @storm-showers;}
.wi-thunderstorm:before {content: @thunderstorm;}
.wi-snow-wind:before {content: @snow-wind;}
.wi-snow:before {content: @snow;}
.wi-smog:before {content: @smog;}
.wi-smoke:before {content: @smoke;}
.wi-lightning:before {content: @lightning;}
.wi-raindrops:before {content: @raindrops;}
.wi-raindrop:before {content: @raindrop;}
.wi-dust:before {content: @dust;}
.wi-snowflake-cold:before {content: @snowflake-cold;}
.wi-windy:before {content: @windy;}
.wi-strong-wind:before {content: @strong-wind;}
.wi-sandstorm:before {content: @sandstorm;}
.wi-earthquake:before {content: @earthquake;}
.wi-fire:before {content: @fire;}
.wi-flood:before {content: @flood;}
.wi-meteor:before {content: @meteor;}
.wi-tsunami:before {content: @tsunami;}
.wi-volcano:before {content: @volcano;}
.wi-hurricane:before {content: @hurricane;}
.wi-tornado:before {content: @tornado;}
.wi-small-craft-advisory:before {content: @small-craft-advisory;}
.wi-gale-warning:before {content: @gale-warning;}
.wi-storm-warning:before {content: @storm-warning;}
.wi-hurricane-warning:before {content: @hurricane-warning;}
.wi-wind-direction:before {content: @wind-direction;}
\ No newline at end of file
.wi-night-clear:before {content: @night-clear;}
.wi-night-alt-cloudy:before {content: @night-alt-cloudy;}
.wi-night-alt-cloudy-gusts:before {content: @night-alt-cloudy-gusts;}
.wi-night-alt-cloudy-windy:before {content: @night-alt-cloudy-windy;}
.wi-night-alt-hail:before {content: @night-alt-hail;}
.wi-night-alt-lightning:before {content: @night-alt-lightning;}
.wi-night-alt-rain:before {content: @night-alt-rain;}
.wi-night-alt-rain-mix:before {content: @night-alt-rain-mix;}
.wi-night-alt-rain-wind:before {content: @night-alt-rain-wind;}
.wi-night-alt-showers:before {content: @night-alt-showers;}
.wi-night-alt-sleet:before {content: @night-alt-sleet;}
.wi-night-alt-sleet-storm:before {content: @night-alt-sleet-storm;}
.wi-night-alt-snow:before {content: @night-alt-snow;}
.wi-night-alt-snow-thunderstorm:before {content: @night-alt-snow-thunderstorm;}
.wi-night-alt-snow-wind:before {content: @night-alt-snow-wind;}
.wi-night-alt-sprinkle:before {content: @night-alt-sprinkle;}
.wi-night-alt-storm-showers:before {content: @night-alt-storm-showers;}
.wi-night-alt-thunderstorm:before {content: @night-alt-thunderstorm;}
.wi-night-cloudy:before {content: @night-cloudy;}
.wi-night-cloudy-gusts:before {content: @night-cloudy-gusts;}
.wi-night-cloudy-windy:before {content: @night-cloudy-windy;}
.wi-night-fog:before {content: @night-fog;}
.wi-night-hail:before {content: @night-hail;}
.wi-night-lightning:before {content: @night-lightning;}
.wi-night-partly-cloudy:before {content: @night-partly-cloudy;}
.wi-night-rain:before {content: @night-rain;}
.wi-night-rain-mix:before {content: @night-rain-mix;}
.wi-night-rain-wind:before {content: @night-rain-wind;}
.wi-night-showers:before {content: @night-showers;}
.wi-night-sleet:before {content: @night-sleet;}
.wi-night-sleet-storm:before {content: @night-sleet-storm;}
.wi-night-snow:before {content: @night-snow;}
.wi-night-snow-thunderstorm:before {content: @night-snow-thunderstorm;}
.wi-night-snow-wind:before {content: @night-snow-wind;}
.wi-night-sprinkle:before {content: @night-sprinkle;}
.wi-night-storm-showers:before {content: @night-storm-showers;}
.wi-night-thunderstorm:before {content: @night-thunderstorm;}
.wi-lunar-eclipse:before {content: @lunar-eclipse;}
.wi-stars:before {content: @stars;}
.wi-storm-showers:before {content: @storm-showers;}
.wi-thunderstorm:before {content: @thunderstorm;}
.wi-night-alt-cloudy-high:before {content: @night-alt-cloudy-high;}
.wi-night-cloudy-high:before {content: @night-cloudy-high;}
.wi-night-alt-partly-cloudy:before {content: @night-alt-partly-cloudy;}
\ No newline at end of file
.wi-time-1:before {content: @time-1;}
.wi-time-2:before {content: @time-2;}
.wi-time-3:before {content: @time-3;}
.wi-time-4:before {content: @time-4;}
.wi-time-5:before {content: @time-5;}
.wi-time-6:before {content: @time-6;}
.wi-time-7:before {content: @time-7;}
.wi-time-8:before {content: @time-8;}
.wi-time-9:before {content: @time-9;}
.wi-time-10:before {content: @time-10;}
.wi-time-11:before {content: @time-11;}
.wi-time-12:before {content: @time-12;}
\ No newline at end of file
.wi-towards-n {
.wi-wind.towards-0-deg;
}
.wi-towards-nne {
.wi-wind.towards-23-deg;
}
.wi-towards-ne {
.wi-wind.towards-45-deg;
}
.wi-towards-ene {
.wi-wind.towards-68-deg;
}
.wi-towards-e {
.wi-wind.towards-90-deg;
}
.wi-towards-ese {
.wi-wind.towards-113-deg;
}
.wi-towards-se {
.wi-wind.towards-135-deg;
}
.wi-towards-sse {
.wi-wind.towards-158-deg;
}
.wi-towards-s {
.wi-wind.towards-180-deg;
}
.wi-towards-ssw {
.wi-wind.towards-203-deg;
}
.wi-towards-sw {
.wi-wind.towards-225-deg;
}
.wi-towards-wsw {
.wi-wind.towards-248-deg;
}
.wi-towards-w {
.wi-wind.towards-270-deg;
}
.wi-towards-wnw {
.wi-wind.towards-293-deg;
}
.wi-towards-nw {
.wi-wind.towards-313-deg;
}
.wi-towards-nnw {
.wi-wind.towards-336-deg;
}
.wi-from-n {
.wi-wind.from-0-deg;
}
.wi-from-nne {
.wi-wind.from-23-deg;
}
.wi-from-ne {
.wi-wind.from-45-deg;
}
.wi-from-ene {
.wi-wind.from-68-deg;
}
.wi-from-e {
.wi-wind.from-90-deg;
}
.wi-from-ese {
.wi-wind.from-113-deg;
}
.wi-from-se {
.wi-wind.from-135-deg;
}
.wi-from-sse {
.wi-wind.from-158-deg;
}
.wi-from-s {
.wi-wind.from-180-deg;
}
.wi-from-ssw {
.wi-wind.from-203-deg;
}
.wi-from-sw {
.wi-wind.from-225-deg;
}
.wi-from-wsw {
.wi-wind.from-248-deg;
}
.wi-from-w {
.wi-wind.from-270-deg;
}
.wi-from-wnw {
.wi-wind.from-293-deg;
}
.wi-from-nw {
.wi-wind.from-313-deg;
}
.wi-from-nnw {
.wi-wind.from-336-deg;
}
\ No newline at end of file
// Wind Variables 2.0
@wind: "\f0b1";
.@{wi-css-prefix}-wind:before { content: @wind; }
.wind-rotate(@degrees) {
-webkit-transform: rotate(@degrees);
-moz-transform: rotate(@degrees);
-ms-transform: rotate(@degrees);
-o-transform: rotate(@degrees);
transform: rotate(@degrees);
}
@import "classes-wind-degrees.less";
\ No newline at end of file
@wind-beaufort-0: "\f0b7";
@wind-beaufort-1: "\f0b8";
@wind-beaufort-2: "\f0b9";
@wind-beaufort-3: "\f0ba";
@wind-beaufort-4: "\f0bb";
@wind-beaufort-5: "\f0bc";
@wind-beaufort-6: "\f0bd";
@wind-beaufort-7: "\f0be";
@wind-beaufort-8: "\f0bf";
@wind-beaufort-9: "\f0c0";
@wind-beaufort-10: "\f0c1";
@wind-beaufort-11: "\f0c2";
@wind-beaufort-12: "\f0c3";
\ No newline at end of file
@day-sunny: "\f00d";
@day-cloudy: "\f002";
@day-cloudy-gusts: "\f000";
@day-cloudy-windy: "\f001";
@day-fog: "\f003";
@day-hail: "\f004";
@day-haze: "\f0b6";
@day-lightning: "\f005";
@day-rain: "\f008";
@day-rain-mix: "\f006";
@day-rain-wind: "\f007";
@day-showers: "\f009";
@day-sleet: "\f0b2";
@day-sleet-storm: "\f068";
@day-snow: "\f00a";
@day-snow-thunderstorm: "\f06b";
@day-snow-wind: "\f065";
@day-sprinkle: "\f00b";
@day-storm-showers: "\f00e";
@day-sunny-overcast: "\f00c";
@day-thunderstorm: "\f010";
@day-windy: "\f085";
@solar-eclipse: "\f06e";
@hot: "\f072";
@day-cloudy-high: "\f07d";
@day-light-wind: "\f0c4";
\ No newline at end of file
@direction-up: "\f058";
@direction-up-right: "\f057";
@direction-right: "\f04d";
@direction-down-right: "\f088";
@direction-down: "\f044";
@direction-down-left: "\f043";
@direction-left: "\f048";
@direction-up-left: "\f087";
\ No newline at end of file
@alien: "\f075";
@celsius: "\f03c";
@fahrenheit: "\f045";
@degrees: "\f042";
@thermometer: "\f055";
@thermometer-exterior: "\f053";
@thermometer-internal: "\f054";
@cloud-down: "\f03d";
@cloud-up: "\f040";
@cloud-refresh: "\f03e";
@horizon: "\f047";
@horizon-alt: "\f046";
@sunrise: "\f051";
@sunset: "\f052";
@moonrise: "\f0c9";
@moonset: "\f0ca";
@refresh: "\f04c";
@refresh-alt: "\f04b";
@umbrella: "\f084";
@barometer: "\f079";
@humidity: "\f07a";
@na: "\f07b";
@train: "\f0cb";
\ No newline at end of file
@moon-new: "\f095";
@moon-waxing-cresent-1: "\f096";
@moon-waxing-cresent-2: "\f097";
@moon-waxing-cresent-3: "\f098";
@moon-waxing-cresent-4: "\f099";
@moon-waxing-cresent-5: "\f09a";
@moon-waxing-cresent-6: "\f09b";
@moon-first-quarter: "\f09c";
@moon-waxing-gibbous-1: "\f09d";
@moon-waxing-gibbous-2: "\f09e";
@moon-waxing-gibbous-3: "\f09f";
@moon-waxing-gibbous-4: "\f0a0";
@moon-waxing-gibbous-5: "\f0a1";
@moon-waxing-gibbous-6: "\f0a2";
@moon-full: "\f0a3";
@moon-waning-gibbous-1: "\f0a4";
@moon-waning-gibbous-2: "\f0a5";
@moon-waning-gibbous-3: "\f0a6";
@moon-waning-gibbous-4: "\f0a7";
@moon-waning-gibbous-5: "\f0a8";
@moon-waning-gibbous-6: "\f0a9";
@moon-third-quarter: "\f0aa";
@moon-waning-crescent-1: "\f0ab";
@moon-waning-crescent-2: "\f0ac";
@moon-waning-crescent-3: "\f0ad";
@moon-waning-crescent-4: "\f0ae";
@moon-waning-crescent-5: "\f0af";
@moon-waning-crescent-6: "\f0b0";
@moon-alt-new: "\f0eb";
@moon-alt-waxing-cresent-1: "\f0d0";
@moon-alt-waxing-cresent-2: "\f0d1";
@moon-alt-waxing-cresent-3: "\f0d2";
@moon-alt-waxing-cresent-4: "\f0d3";
@moon-alt-waxing-cresent-5: "\f0d4";
@moon-alt-waxing-cresent-6: "\f0d5";
@moon-alt-first-quarter: "\f0d6";
@moon-alt-waxing-gibbous-1: "\f0d7";
@moon-alt-waxing-gibbous-2: "\f0d8";
@moon-alt-waxing-gibbous-3: "\f0d9";
@moon-alt-waxing-gibbous-4: "\f0da";
@moon-alt-waxing-gibbous-5: "\f0db";
@moon-alt-waxing-gibbous-6: "\f0dc";
@moon-alt-full: "\f0dd";
@moon-alt-waning-gibbous-1: "\f0de";
@moon-alt-waning-gibbous-2: "\f0df";
@moon-alt-waning-gibbous-3: "\f0e0";
@moon-alt-waning-gibbous-4: "\f0e1";
@moon-alt-waning-gibbous-5: "\f0e2";
@moon-alt-waning-gibbous-6: "\f0e3";
@moon-alt-third-quarter: "\f0e4";
@moon-alt-waning-crescent-1: "\f0e5";
@moon-alt-waning-crescent-2: "\f0e6";
@moon-alt-waning-crescent-3: "\f0e7";
@moon-alt-waning-crescent-4: "\f0e8";
@moon-alt-waning-crescent-5: "\f0e9";
@moon-alt-waning-crescent-6: "\f0ea";
\ No newline at end of file
@cloud: "\f041";
@cloudy: "\f013";
@cloudy-gusts: "\f011";
@cloudy-windy: "\f012";
@fog: "\f014";
@hail: "\f015";
@rain: "\f019";
@rain-mix: "\f017";
@rain-wind: "\f018";
@showers: "\f01a";
@sleet: "\f0b5";
@snow: "\f01b";
@sprinkle: "\f01c";
@storm-showers: "\f01d";
@thunderstorm: "\f01e";
@snow-wind: "\f064";
@snow: "\f01b";
@smog: "\f074";
@smoke: "\f062";
@lightning: "\f016";
@raindrops: "\f04e";
@raindrop: "\f078";
@dust: "\f063";
@snowflake-cold: "\f076";
@windy: "\f021";
@strong-wind: "\f050";
@sandstorm: "\f082";
@earthquake: "\f0c6";
@fire: "\f0c7";
@flood: "\f07c";
@meteor: "\f071";
@tsunami: "\f0c5";
@volcano: "\f0c8";
@hurricane: "\f073";
@tornado: "\f056";
@small-craft-advisory: "\f0cc";
@gale-warning: "\f0cd";
@storm-warning: "\f0ce";
@hurricane-warning: "\f0cf";
@wind-direction: "\f0b1";
\ No newline at end of file
@night-clear: "\f02e";
@night-alt-cloudy: "\f086";
@night-alt-cloudy-gusts: "\f022";
@night-alt-cloudy-windy: "\f023";
@night-alt-hail: "\f024";
@night-alt-lightning: "\f025";
@night-alt-rain: "\f028";
@night-alt-rain-mix: "\f026";
@night-alt-rain-wind: "\f027";
@night-alt-showers: "\f029";
@night-alt-sleet: "\f0b4";
@night-alt-sleet-storm: "\f06a";
@night-alt-snow: "\f02a";
@night-alt-snow-thunderstorm: "\f06d";
@night-alt-snow-wind: "\f067";
@night-alt-sprinkle: "\f02b";
@night-alt-storm-showers: "\f02c";
@night-alt-thunderstorm: "\f02d";
@night-cloudy: "\f031";
@night-cloudy-gusts: "\f02f";
@night-cloudy-windy: "\f030";
@night-fog: "\f04a";
@night-hail: "\f032";
@night-lightning: "\f033";
@night-partly-cloudy: "\f083";
@night-rain: "\f036";
@night-rain-mix: "\f034";
@night-rain-wind: "\f035";
@night-showers: "\f037";
@night-sleet: "\f0b3";
@night-sleet-storm: "\f069";
@night-snow: "\f038";
@night-snow-thunderstorm: "\f06c";
@night-snow-wind: "\f066";
@night-sprinkle: "\f039";
@night-storm-showers: "\f03a";
@night-thunderstorm: "\f03b";
@lunar-eclipse: "\f070";
@stars: "\f077";
@storm-showers: "\f01d";
@thunderstorm: "\f01e";
@night-alt-cloudy-high: "\f07e";
@night-cloudy-high: "\f080";
@night-alt-partly-cloudy: "\f081";
\ No newline at end of file
@time-1: "\f08a";
@time-2: "\f08b";
@time-3: "\f08c";
@time-4: "\f08d";
@time-5: "\f08e";
@time-6: "\f08f";
@time-7: "\f090";
@time-8: "\f091";
@time-9: "\f092";
@time-10: "\f093";
@time-11: "\f094";
@time-12: "\f089";
\ No newline at end of file
@n: "\f0b1";
@nne: "\f0b1";
@ne: "\f0b1";
@ene: "\f0b1";
@e: "\f0b1";
@ese: "\f0b1";
@se: "\f0b1";
@sse: "\f0b1";
@s: "\f0b1";
@ssw: "\f0b1";
@sw: "\f0b1";
@wsw: "\f0b1";
@w: "\f0b1";
@wnw: "\f0b1";
@nw: "\f0b1";
@nnw: "\f0b1";
@n: "\f0b1";
@nne: "\f0b1";
@ne: "\f0b1";
@ene: "\f0b1";
@e: "\f0b1";
@ese: "\f0b1";
@se: "\f0b1";
@sse: "\f0b1";
@s: "\f0b1";
@ssw: "\f0b1";
@sw: "\f0b1";
@wsw: "\f0b1";
@w: "\f0b1";
@wnw: "\f0b1";
@nw: "\f0b1";
@nnw: "\f0b1";
\ No newline at end of file
.@{wi-css-prefix}-forecast-io-clear-day:before { content: @day-sunny ; }
.@{wi-css-prefix}-forecast-io-clear-night:before { content: @night-clear ; }
.@{wi-css-prefix}-forecast-io-rain:before { content: @rain ; }
.@{wi-css-prefix}-forecast-io-snow:before { content: @snow ; }
.@{wi-css-prefix}-forecast-io-sleet:before { content: @sleet ; }
.@{wi-css-prefix}-forecast-io-wind:before { content: @strong-wind ; }
.@{wi-css-prefix}-forecast-io-fog:before { content: @fog ; }
.@{wi-css-prefix}-forecast-io-cloudy:before { content: @cloudy ; }
.@{wi-css-prefix}-forecast-io-partly-cloudy-day:before { content: @day-cloudy ; }
.@{wi-css-prefix}-forecast-io-partly-cloudy-night:before { content: @night-cloudy ; }
.@{wi-css-prefix}-forecast-io-hail:before { content: @hail ; }
.@{wi-css-prefix}-forecast-io-thunderstorm:before { content: @thunderstorm ; }
.@{wi-css-prefix}-forecast-io-tornado:before { content: @tornado ; }
\ No newline at end of file
.@{wi-css-prefix}-wmo4680-0:before,
.@{wi-css-prefix}-wmo4680-00:before { content: @thermometer ; }
.@{wi-css-prefix}-wmo4680-1:before,
.@{wi-css-prefix}-wmo4680-01:before { content: @cloudy ; }
.@{wi-css-prefix}-wmo4680-2:before,
.@{wi-css-prefix}-wmo4680-02:before { content: @thermometer ; }
.@{wi-css-prefix}-wmo4680-3:before,
.@{wi-css-prefix}-wmo4680-03:before { content: @cloudy ; }
.@{wi-css-prefix}-wmo4680-4:before,
.@{wi-css-prefix}-wmo4680-04:before { content: @fog ; }
.@{wi-css-prefix}-wmo4680-5:before,
.@{wi-css-prefix}-wmo4680-05:before { content: @fog ; }
.@{wi-css-prefix}-wmo4680-10:before { content: @fog ; }
.@{wi-css-prefix}-wmo4680-11:before { content: @fog ; }
.@{wi-css-prefix}-wmo4680-12:before { content: @lightning ; }
.@{wi-css-prefix}-wmo4680-18:before { content: @strong-wind ; }
.@{wi-css-prefix}-wmo4680-20:before { content: @fog ; }
.@{wi-css-prefix}-wmo4680-21:before { content: @rain-mix ; }
.@{wi-css-prefix}-wmo4680-22:before { content: @rain-mix ; }
.@{wi-css-prefix}-wmo4680-23:before { content: @rain ; }
.@{wi-css-prefix}-wmo4680-24:before { content: @snow ; }
.@{wi-css-prefix}-wmo4680-25:before { content: @hail ; }
.@{wi-css-prefix}-wmo4680-26:before { content: @thunderstorm ; }
.@{wi-css-prefix}-wmo4680-27:before { content: @dust ; }
.@{wi-css-prefix}-wmo4680-28:before { content: @dust ; }
.@{wi-css-prefix}-wmo4680-29:before { content: @dust ; }
.@{wi-css-prefix}-wmo4680-30:before { content: @fog ; }
.@{wi-css-prefix}-wmo4680-31:before { content: @fog ; }
.@{wi-css-prefix}-wmo4680-32:before { content: @fog ; }
.@{wi-css-prefix}-wmo4680-33:before { content: @fog ; }
.@{wi-css-prefix}-wmo4680-34:before { content: @fog ; }
.@{wi-css-prefix}-wmo4680-35:before { content: @fog ; }
.@{wi-css-prefix}-wmo4680-40:before { content: @rain-mix ; }
.@{wi-css-prefix}-wmo4680-41:before { content: @sprinkle ; }
.@{wi-css-prefix}-wmo4680-42:before { content: @rain ; }
.@{wi-css-prefix}-wmo4680-43:before { content: @sprinkle ; }
.@{wi-css-prefix}-wmo4680-44:before { content: @rain ; }
.@{wi-css-prefix}-wmo4680-45:before { content: @hail ; }
.@{wi-css-prefix}-wmo4680-46:before { content: @hail ; }
.@{wi-css-prefix}-wmo4680-47:before { content: @snow ; }
.@{wi-css-prefix}-wmo4680-48:before { content: @snow ; }
.@{wi-css-prefix}-wmo4680-50:before { content: @sprinkle ; }
.@{wi-css-prefix}-wmo4680-51:before { content: @sprinkle ; }
.@{wi-css-prefix}-wmo4680-52:before { content: @rain ; }
.@{wi-css-prefix}-wmo4680-53:before { content: @rain ; }
.@{wi-css-prefix}-wmo4680-54:before { content: @snowflake-cold ; }
.@{wi-css-prefix}-wmo4680-55:before { content: @snowflake-cold ; }
.@{wi-css-prefix}-wmo4680-56:before { content: @snowflake-cold ; }
.@{wi-css-prefix}-wmo4680-57:before { content: @sprinkle ; }
.@{wi-css-prefix}-wmo4680-58:before { content: @rain ; }
.@{wi-css-prefix}-wmo4680-60:before { content: @sprinkle ; }
.@{wi-css-prefix}-wmo4680-61:before { content: @sprinkle ; }
.@{wi-css-prefix}-wmo4680-62:before { content: @rain ; }
.@{wi-css-prefix}-wmo4680-63:before { content: @rain ; }
.@{wi-css-prefix}-wmo4680-64:before { content: @hail ; }
.@{wi-css-prefix}-wmo4680-65:before { content: @hail ; }
.@{wi-css-prefix}-wmo4680-66:before { content: @hail ; }
.@{wi-css-prefix}-wmo4680-67:before { content: @rain-mix ; }
.@{wi-css-prefix}-wmo4680-68:before { content: @rain-mix ; }
.@{wi-css-prefix}-wmo4680-70:before { content: @snow ; }
.@{wi-css-prefix}-wmo4680-71:before { content: @snow ; }
.@{wi-css-prefix}-wmo4680-72:before { content: @snow ; }
.@{wi-css-prefix}-wmo4680-73:before { content: @snow ; }
.@{wi-css-prefix}-wmo4680-74:before { content: @snowflake-cold ; }
.@{wi-css-prefix}-wmo4680-75:before { content: @snowflake-cold ; }
.@{wi-css-prefix}-wmo4680-76:before { content: @snowflake-cold ; }
.@{wi-css-prefix}-wmo4680-77:before { content: @snow ; }
.@{wi-css-prefix}-wmo4680-78:before { content: @snowflake-cold ; }
.@{wi-css-prefix}-wmo4680-80:before { content: @rain ; }
.@{wi-css-prefix}-wmo4680-81:before { content: @sprinkle ; }
.@{wi-css-prefix}-wmo4680-82:before { content: @rain ; }
.@{wi-css-prefix}-wmo4680-83:before { content: @rain ; }
.@{wi-css-prefix}-wmo4680-84:before { content: @storm-showers ; }
.@{wi-css-prefix}-wmo4680-85:before { content: @rain-mix ; }
.@{wi-css-prefix}-wmo4680-86:before { content: @rain-mix ; }
.@{wi-css-prefix}-wmo4680-87:before { content: @rain-mix ; }
.@{wi-css-prefix}-wmo4680-89:before { content: @hail ; }
.@{wi-css-prefix}-wmo4680-90:before { content: @lightning ; }
.@{wi-css-prefix}-wmo4680-91:before { content: @storm-showers ; }
.@{wi-css-prefix}-wmo4680-92:before { content: @thunderstorm ; }
.@{wi-css-prefix}-wmo4680-93:before { content: @thunderstorm ; }
.@{wi-css-prefix}-wmo4680-94:before { content: @lightning ; }
.@{wi-css-prefix}-wmo4680-95:before { content: @thunderstorm ; }
.@{wi-css-prefix}-wmo4680-96:before { content: @thunderstorm ; }
.@{wi-css-prefix}-wmo4680-99:before { content: @tornado ; }
\ No newline at end of file
.@{wi-css-prefix}-yahoo-0:before { content: @tornado; };
.@{wi-css-prefix}-yahoo-1:before { content: @day-storm-showers; };
.@{wi-css-prefix}-yahoo-2:before { content: @hurricane; };
.@{wi-css-prefix}-yahoo-3:before { content: @thunderstorm; };
.@{wi-css-prefix}-yahoo-4:before { content: @thunderstorm; };
.@{wi-css-prefix}-yahoo-5:before { content: @rain-mix; };
.@{wi-css-prefix}-yahoo-6:before { content: @rain-mix; };
.@{wi-css-prefix}-yahoo-7:before { content: @rain-mix; };
.@{wi-css-prefix}-yahoo-8:before { content: @hail; };
.@{wi-css-prefix}-yahoo-9:before { content: @showers; };
.@{wi-css-prefix}-yahoo-10:before { content: @hail; };
.@{wi-css-prefix}-yahoo-11:before { content: @showers; };
.@{wi-css-prefix}-yahoo-12:before { content: @showers; };
.@{wi-css-prefix}-yahoo-13:before { content: @snow; };
.@{wi-css-prefix}-yahoo-14:before { content: @day-snow; };
.@{wi-css-prefix}-yahoo-15:before { content: @snow-wind; };
.@{wi-css-prefix}-yahoo-16:before { content: @snow; };
.@{wi-css-prefix}-yahoo-17:before { content: @hail; };
.@{wi-css-prefix}-yahoo-18:before { content: @rain-mix; };
.@{wi-css-prefix}-yahoo-19:before { content: @dust; };
.@{wi-css-prefix}-yahoo-20:before { content: @fog; };
.@{wi-css-prefix}-yahoo-21:before { content: @windy; };
.@{wi-css-prefix}-yahoo-22:before { content: @smoke; };
.@{wi-css-prefix}-yahoo-23:before { content: @strong-wind; };
.@{wi-css-prefix}-yahoo-24:before { content: @strong-wind; };
.@{wi-css-prefix}-yahoo-25:before { content: @snowflake-cold; };
.@{wi-css-prefix}-yahoo-26:before { content: @cloudy; };
.@{wi-css-prefix}-yahoo-27:before { content: @night-cloudy; };
.@{wi-css-prefix}-yahoo-28:before { content: @day-cloudy; };
.@{wi-css-prefix}-yahoo-29:before { content: @night-cloudy; };
.@{wi-css-prefix}-yahoo-30:before { content: @day-cloudy; };
.@{wi-css-prefix}-yahoo-31:before { content: @night-clear; };
.@{wi-css-prefix}-yahoo-32:before { content: @day-sunny; };
.@{wi-css-prefix}-yahoo-33:before { content: @night-partly-cloudy; };
.@{wi-css-prefix}-yahoo-34:before { content: @day-sunny-overcast; };
.@{wi-css-prefix}-yahoo-35:before { content: @rain-mix; };
.@{wi-css-prefix}-yahoo-36:before { content: @hot; };
.@{wi-css-prefix}-yahoo-37:before { content: @day-storm-showers; };
.@{wi-css-prefix}-yahoo-38:before { content: @day-storm-showers; };
.@{wi-css-prefix}-yahoo-39:before { content: @day-storm-showers; };
.@{wi-css-prefix}-yahoo-40:before { content: @showers; };
.@{wi-css-prefix}-yahoo-41:before { content: @snow-wind; };
.@{wi-css-prefix}-yahoo-42:before { content: @snow; };
.@{wi-css-prefix}-yahoo-43:before { content: @snow-wind; };
.@{wi-css-prefix}-yahoo-44:before { content: @day-sunny-overcast; };
.@{wi-css-prefix}-yahoo-45:before { content: @day-storm-showers; };
.@{wi-css-prefix}-yahoo-46:before { content: @snow; };
.@{wi-css-prefix}-yahoo-47:before { content: @day-storm-showers; };
.@{wi-css-prefix}-yahoo-3200:before { content: @stars; };
\ No newline at end of file
@import "icon-classes/classes-day.less";
@import "icon-classes/classes-night.less";
@import "icon-classes/classes-neutral.less";
@import "icon-classes/classes-misc.less";
@import "icon-classes/classes-moon.less";
@import "icon-classes/classes-moon-aliases.less";
@import "icon-classes/classes-time.less";
@import "icon-classes/classes-direction.less";
@import "icon-classes/classes-beaufort.less";
// Base Variables
@wi-path: "../fonts";
@wi-version: "2.0";
@wi-css-prefix: wi;
@wi-font-family: weathericons;
@font-face {
font-family: '@{wi-font-family}';
src: url('../less/icons/weather-icons/font/@{wi-font-family}-regular-webfont.eot');
src: url('../less/icons/weather-icons/font/@{wi-font-family}-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../less/icons/weather-icons/font/@{wi-font-family}-regular-webfont.woff2') format('woff2'),
url('../less/icons/weather-icons/font/@{wi-font-family}-regular-webfont.woff') format('woff'),
url('../less/icons/weather-icons/font/@{wi-font-family}-regular-webfont.ttf') format('truetype'),
url('../less/icons/weather-icons/font/@{wi-font-family}-regular-webfont.svg#weather_iconsregular') format('svg');
font-weight: normal;
font-style: normal;
}
.@{wi-css-prefix} {
display: inline-block;
font-family: '@{wi-font-family}';
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.@{wi-css-prefix}-fw {
text-align: center;
width: 1.4em;
}
.wi-icon-rotate(@degrees, @rotation) {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=@rotation);
-webkit-transform: rotate(@degrees);
-ms-transform: rotate(@degrees);
transform: rotate(@degrees);
}
.wi-icon-flip(@horiz, @vert, @rotation) {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=@rotation, mirror=1);
-webkit-transform: scale(@horiz, @vert);
-ms-transform: scale(@horiz, @vert);
transform: scale(@horiz, @vert);
}
.@{wi-css-prefix}-rotate-90 { .wi-icon-rotate(90deg, 1); }
.@{wi-css-prefix}-rotate-180 { .wi-icon-rotate(180deg, 2); }
.@{wi-css-prefix}-rotate-270 { .wi-icon-rotate(270deg, 3); }
.@{wi-css-prefix}-flip-horizontal { .wi-icon-flip(-1, 1, 0); }
.@{wi-css-prefix}-flip-vertical { .wi-icon-flip(1, -1, 2); }
\ No newline at end of file
@import "icon-variables/variables-beaufort.less";
@import "icon-variables/variables-time.less";
@import "icon-variables/variables-moon.less";
@import "icon-variables/variables-direction.less";
@import "icon-variables/variables-day.less";
@import "icon-variables/variables-night.less";
@import "icon-variables/variables-neutral.less";
@import "icon-variables/variables-misc.less";
@import "weather-icons-core.less";
@import "icon-variables/variables-wind-names.less";
@import "icon-classes/classes-wind.less";
@import "icon-classes/classes-wind-degrees.less";
@import "icon-classes/classes-wind-aliases.less";
\ No newline at end of file
@import "weather-icons-core.less";
@import "icon-variables/variables-wind-names.less";
@import "icon-classes/classes-wind.less";
@import "icon-classes/classes-wind-degrees.less";
@import "icon-classes/classes-wind-aliases.less";
\ No newline at end of file
/*!
* Weather Icons 2.0
* Updated August 1, 2015
* Weather themed icons for Bootstrap
* Author - Erik Flowers - erik@helloerik.com
* Email: erik@helloerik.com
* Twitter: http://twitter.com/Erik_UX
* ------------------------------------------------------------------------------
* Maintained at http://erikflowers.github.io/weather-icons
*
* License
* ------------------------------------------------------------------------------
* - Font licensed under SIL OFL 1.1 -
* http://scripts.sil.org/OFL
* - CSS, SCSS and LESS are licensed under MIT License -
* http://opensource.org/licenses/mit-license.html
* - Documentation licensed under CC BY 3.0 -
* http://creativecommons.org/licenses/by/3.0/
* - Inspired by and works great as a companion with Font Awesome
* "Font Awesome by Dave Gandy - http://fontawesome.io"
*/
@import "weather-icons-core.less";
@import "weather-icons-variables.less";
@import "weather-icons-classes.less";
// Mappings to various APIs
@import "mappings/wi-yahoo.less";
@import "mappings/wi-forecast-io.less";
@import "mappings/wi-wmo4680.less";
@import "mappings/wi-owm.less";
/*!
* Weather Icons 2.0
* Updated August 1, 2015
* Weather themed icons for Bootstrap
* Author - Erik Flowers - erik@helloerik.com
* Email: erik@helloerik.com
* Twitter: http://twitter.com/Erik_UX
* ------------------------------------------------------------------------------
* Maintained at http://erikflowers.github.io/weather-icons
*
* License
* ------------------------------------------------------------------------------
* - Font licensed under SIL OFL 1.1 -
* http://scripts.sil.org/OFL
* - CSS, SCSS and LESS are licensed under MIT License -
* http://opensource.org/licenses/mit-license.html
* - Documentation licensed under CC BY 3.0 -
* http://creativecommons.org/licenses/by/3.0/
* - Inspired by and works great as a companion with Font Awesome
* "Font Awesome by Dave Gandy - http://fontawesome.io"
*/
@import "weather-icons-core.less";
@import "weather-icons-variables.less";
@import "weather-icons-classes.less";
// Mappings to various APIs
@import "mappings/wi-yahoo.less";
@import "mappings/wi-forecast-io.less";
@import "mappings/wi-wmo4680.less";
@import "mappings/wi-owm.less";
\ No newline at end of file
.wi-wind-beaufort-0:before {content: $wind-beaufort-0;}
.wi-wind-beaufort-1:before {content: $wind-beaufort-1;}
.wi-wind-beaufort-2:before {content: $wind-beaufort-2;}
.wi-wind-beaufort-3:before {content: $wind-beaufort-3;}
.wi-wind-beaufort-4:before {content: $wind-beaufort-4;}
.wi-wind-beaufort-5:before {content: $wind-beaufort-5;}
.wi-wind-beaufort-6:before {content: $wind-beaufort-6;}
.wi-wind-beaufort-7:before {content: $wind-beaufort-7;}
.wi-wind-beaufort-8:before {content: $wind-beaufort-8;}
.wi-wind-beaufort-9:before {content: $wind-beaufort-9;}
.wi-wind-beaufort-10:before {content: $wind-beaufort-10;}
.wi-wind-beaufort-11:before {content: $wind-beaufort-11;}
.wi-wind-beaufort-12:before {content: $wind-beaufort-12;}
\ No newline at end of file
.wi-day-sunny:before {content: $day-sunny;}
.wi-day-cloudy:before {content: $day-cloudy;}
.wi-day-cloudy-gusts:before {content: $day-cloudy-gusts;}
.wi-day-cloudy-windy:before {content: $day-cloudy-windy;}
.wi-day-fog:before {content: $day-fog;}
.wi-day-hail:before {content: $day-hail;}
.wi-day-haze:before {content: $day-haze;}
.wi-day-lightning:before {content: $day-lightning;}
.wi-day-rain:before {content: $day-rain;}
.wi-day-rain-mix:before {content: $day-rain-mix;}
.wi-day-rain-wind:before {content: $day-rain-wind;}
.wi-day-showers:before {content: $day-showers;}
.wi-day-sleet:before {content: $day-sleet;}
.wi-day-sleet-storm:before {content: $day-sleet-storm;}
.wi-day-snow:before {content: $day-snow;}
.wi-day-snow-thunderstorm:before {content: $day-snow-thunderstorm;}
.wi-day-snow-wind:before {content: $day-snow-wind;}
.wi-day-sprinkle:before {content: $day-sprinkle;}
.wi-day-storm-showers:before {content: $day-storm-showers;}
.wi-day-sunny-overcast:before {content: $day-sunny-overcast;}
.wi-day-thunderstorm:before {content: $day-thunderstorm;}
.wi-day-windy:before {content: $day-windy;}
.wi-solar-eclipse:before {content: $solar-eclipse;}
.wi-hot:before {content: $hot;}
.wi-day-cloudy-high:before {content: $day-cloudy-high;}
.wi-day-light-wind:before {content: $day-light-wind;}
\ No newline at end of file
.wi-direction-up:before {content: $direction-up;}
.wi-direction-up-right:before {content: $direction-up-right;}
.wi-direction-right:before {content: $direction-right;}
.wi-direction-down-right:before {content: $direction-down-right;}
.wi-direction-down:before {content: $direction-down;}
.wi-direction-down-left:before {content: $direction-down-left;}
.wi-direction-left:before {content: $direction-left;}
.wi-direction-up-left:before {content: $direction-up-left;}
\ No newline at end of file
.wi-alien:before {content: $alien;}
.wi-celsius:before {content: $celsius;}
.wi-fahrenheit:before {content: $fahrenheit;}
.wi-degrees:before {content: $degrees;}
.wi-thermometer:before {content: $thermometer;}
.wi-thermometer-exterior:before {content: $thermometer-exterior;}
.wi-thermometer-internal:before {content: $thermometer-internal;}
.wi-cloud-down:before {content: $cloud-down;}
.wi-cloud-up:before {content: $cloud-up;}
.wi-cloud-refresh:before {content: $cloud-refresh;}
.wi-horizon:before {content: $horizon;}
.wi-horizon-alt:before {content: $horizon-alt;}
.wi-sunrise:before {content: $sunrise;}
.wi-sunset:before {content: $sunset;}
.wi-moonrise:before {content: $moonrise;}
.wi-moonset:before {content: $moonset;}
.wi-refresh:before {content: $refresh;}
.wi-refresh-alt:before {content: $refresh-alt;}
.wi-umbrella:before {content: $umbrella;}
.wi-barometer:before {content: $barometer;}
.wi-humidity:before {content: $humidity;}
.wi-na:before {content: $na;}
.wi-train:before {content: $train;}
\ No newline at end of file
.wi-moon-0:before {content: $moon-new;}
.wi-moon-1:before {content: $moon-waxing-cresent-1;}
.wi-moon-2:before {content: $moon-waxing-cresent-2;}
.wi-moon-3:before {content: $moon-waxing-cresent-3;}
.wi-moon-4:before {content: $moon-waxing-cresent-4;}
.wi-moon-5:before {content: $moon-waxing-cresent-5;}
.wi-moon-6:before {content: $moon-waxing-cresent-6;}
.wi-moon-7:before {content: $moon-first-quarter;}
.wi-moon-8:before {content: $moon-waxing-gibbous-1;}
.wi-moon-9:before {content: $moon-waxing-gibbous-2;}
.wi-moon-10:before {content: $moon-waxing-gibbous-3;}
.wi-moon-11:before {content: $moon-waxing-gibbous-4;}
.wi-moon-12:before {content: $moon-waxing-gibbous-5;}
.wi-moon-13:before {content: $moon-waxing-gibbous-6;}
.wi-moon-14:before {content: $moon-full;}
.wi-moon-15:before {content: $moon-waning-gibbous-1;}
.wi-moon-16:before {content: $moon-waning-gibbous-2;}
.wi-moon-17:before {content: $moon-waning-gibbous-3;}
.wi-moon-18:before {content: $moon-waning-gibbous-4;}
.wi-moon-19:before {content: $moon-waning-gibbous-5;}
.wi-moon-20:before {content: $moon-waning-gibbous-6;}
.wi-moon-21:before {content: $moon-third-quarter;}
.wi-moon-22:before {content: $moon-waning-crescent-1;}
.wi-moon-23:before {content: $moon-waning-crescent-2;}
.wi-moon-24:before {content: $moon-waning-crescent-3;}
.wi-moon-25:before {content: $moon-waning-crescent-4;}
.wi-moon-26:before {content: $moon-waning-crescent-5;}
.wi-moon-27:before {content: $moon-waning-crescent-6;}
\ No newline at end of file
.wi-moon-new:before {content: $moon-new;}
.wi-moon-waxing-cresent-1:before {content: $moon-waxing-cresent-1;}
.wi-moon-waxing-cresent-2:before {content: $moon-waxing-cresent-2;}
.wi-moon-waxing-cresent-3:before {content: $moon-waxing-cresent-3;}
.wi-moon-waxing-cresent-4:before {content: $moon-waxing-cresent-4;}
.wi-moon-waxing-cresent-5:before {content: $moon-waxing-cresent-5;}
.wi-moon-waxing-cresent-6:before {content: $moon-waxing-cresent-6;}
.wi-moon-first-quarter:before {content: $moon-first-quarter;}
.wi-moon-waxing-gibbous-1:before {content: $moon-waxing-gibbous-1;}
.wi-moon-waxing-gibbous-2:before {content: $moon-waxing-gibbous-2;}
.wi-moon-waxing-gibbous-3:before {content: $moon-waxing-gibbous-3;}
.wi-moon-waxing-gibbous-4:before {content: $moon-waxing-gibbous-4;}
.wi-moon-waxing-gibbous-5:before {content: $moon-waxing-gibbous-5;}
.wi-moon-waxing-gibbous-6:before {content: $moon-waxing-gibbous-6;}
.wi-moon-full:before {content: $moon-full;}
.wi-moon-waning-gibbous-1:before {content: $moon-waning-gibbous-1;}
.wi-moon-waning-gibbous-2:before {content: $moon-waning-gibbous-2;}
.wi-moon-waning-gibbous-3:before {content: $moon-waning-gibbous-3;}
.wi-moon-waning-gibbous-4:before {content: $moon-waning-gibbous-4;}
.wi-moon-waning-gibbous-5:before {content: $moon-waning-gibbous-5;}
.wi-moon-waning-gibbous-6:before {content: $moon-waning-gibbous-6;}
.wi-moon-third-quarter:before {content: $moon-third-quarter;}
.wi-moon-waning-crescent-1:before {content: $moon-waning-crescent-1;}
.wi-moon-waning-crescent-2:before {content: $moon-waning-crescent-2;}
.wi-moon-waning-crescent-3:before {content: $moon-waning-crescent-3;}
.wi-moon-waning-crescent-4:before {content: $moon-waning-crescent-4;}
.wi-moon-waning-crescent-5:before {content: $moon-waning-crescent-5;}
.wi-moon-waning-crescent-6:before {content: $moon-waning-crescent-6;}
.wi-moon-alt-new:before {content: $moon-alt-new;}
.wi-moon-alt-waxing-cresent-1:before {content: $moon-alt-waxing-cresent-1;}
.wi-moon-alt-waxing-cresent-2:before {content: $moon-alt-waxing-cresent-2;}
.wi-moon-alt-waxing-cresent-3:before {content: $moon-alt-waxing-cresent-3;}
.wi-moon-alt-waxing-cresent-4:before {content: $moon-alt-waxing-cresent-4;}
.wi-moon-alt-waxing-cresent-5:before {content: $moon-alt-waxing-cresent-5;}
.wi-moon-alt-waxing-cresent-6:before {content: $moon-alt-waxing-cresent-6;}
.wi-moon-alt-first-quarter:before {content: $moon-alt-first-quarter;}
.wi-moon-alt-waxing-gibbous-1:before {content: $moon-alt-waxing-gibbous-1;}
.wi-moon-alt-waxing-gibbous-2:before {content: $moon-alt-waxing-gibbous-2;}
.wi-moon-alt-waxing-gibbous-3:before {content: $moon-alt-waxing-gibbous-3;}
.wi-moon-alt-waxing-gibbous-4:before {content: $moon-alt-waxing-gibbous-4;}
.wi-moon-alt-waxing-gibbous-5:before {content: $moon-alt-waxing-gibbous-5;}
.wi-moon-alt-waxing-gibbous-6:before {content: $moon-alt-waxing-gibbous-6;}
.wi-moon-alt-full:before {content: $moon-alt-full;}
.wi-moon-alt-waning-gibbous-1:before {content: $moon-alt-waning-gibbous-1;}
.wi-moon-alt-waning-gibbous-2:before {content: $moon-alt-waning-gibbous-2;}
.wi-moon-alt-waning-gibbous-3:before {content: $moon-alt-waning-gibbous-3;}
.wi-moon-alt-waning-gibbous-4:before {content: $moon-alt-waning-gibbous-4;}
.wi-moon-alt-waning-gibbous-5:before {content: $moon-alt-waning-gibbous-5;}
.wi-moon-alt-waning-gibbous-6:before {content: $moon-alt-waning-gibbous-6;}
.wi-moon-alt-third-quarter:before {content: $moon-alt-third-quarter;}
.wi-moon-alt-waning-crescent-1:before {content: $moon-alt-waning-crescent-1;}
.wi-moon-alt-waning-crescent-2:before {content: $moon-alt-waning-crescent-2;}
.wi-moon-alt-waning-crescent-3:before {content: $moon-alt-waning-crescent-3;}
.wi-moon-alt-waning-crescent-4:before {content: $moon-alt-waning-crescent-4;}
.wi-moon-alt-waning-crescent-5:before {content: $moon-alt-waning-crescent-5;}
.wi-moon-alt-waning-crescent-6:before {content: $moon-alt-waning-crescent-6;}
\ No newline at end of file
.wi-cloud:before {content: $cloud;}
.wi-cloudy:before {content: $cloudy;}
.wi-cloudy-gusts:before {content: $cloudy-gusts;}
.wi-cloudy-windy:before {content: $cloudy-windy;}
.wi-fog:before {content: $fog;}
.wi-hail:before {content: $hail;}
.wi-rain:before {content: $rain;}
.wi-rain-mix:before {content: $rain-mix;}
.wi-rain-wind:before {content: $rain-wind;}
.wi-showers:before {content: $showers;}
.wi-sleet:before {content: $sleet;}
.wi-snow:before {content: $snow;}
.wi-sprinkle:before {content: $sprinkle;}
.wi-storm-showers:before {content: $storm-showers;}
.wi-thunderstorm:before {content: $thunderstorm;}
.wi-snow-wind:before {content: $snow-wind;}
.wi-snow:before {content: $snow;}
.wi-smog:before {content: $smog;}
.wi-smoke:before {content: $smoke;}
.wi-lightning:before {content: $lightning;}
.wi-raindrops:before {content: $raindrops;}
.wi-raindrop:before {content: $raindrop;}
.wi-dust:before {content: $dust;}
.wi-snowflake-cold:before {content: $snowflake-cold;}
.wi-windy:before {content: $windy;}
.wi-strong-wind:before {content: $strong-wind;}
.wi-sandstorm:before {content: $sandstorm;}
.wi-earthquake:before {content: $earthquake;}
.wi-fire:before {content: $fire;}
.wi-flood:before {content: $flood;}
.wi-meteor:before {content: $meteor;}
.wi-tsunami:before {content: $tsunami;}
.wi-volcano:before {content: $volcano;}
.wi-hurricane:before {content: $hurricane;}
.wi-tornado:before {content: $tornado;}
.wi-small-craft-advisory:before {content: $small-craft-advisory;}
.wi-gale-warning:before {content: $gale-warning;}
.wi-storm-warning:before {content: $storm-warning;}
.wi-hurricane-warning:before {content: $hurricane-warning;}
.wi-wind-direction:before {content: $wind-direction;}
\ No newline at end of file
.wi-night-clear:before {content: $night-clear;}
.wi-night-alt-cloudy:before {content: $night-alt-cloudy;}
.wi-night-alt-cloudy-gusts:before {content: $night-alt-cloudy-gusts;}
.wi-night-alt-cloudy-windy:before {content: $night-alt-cloudy-windy;}
.wi-night-alt-hail:before {content: $night-alt-hail;}
.wi-night-alt-lightning:before {content: $night-alt-lightning;}
.wi-night-alt-rain:before {content: $night-alt-rain;}
.wi-night-alt-rain-mix:before {content: $night-alt-rain-mix;}
.wi-night-alt-rain-wind:before {content: $night-alt-rain-wind;}
.wi-night-alt-showers:before {content: $night-alt-showers;}
.wi-night-alt-sleet:before {content: $night-alt-sleet;}
.wi-night-alt-sleet-storm:before {content: $night-alt-sleet-storm;}
.wi-night-alt-snow:before {content: $night-alt-snow;}
.wi-night-alt-snow-thunderstorm:before {content: $night-alt-snow-thunderstorm;}
.wi-night-alt-snow-wind:before {content: $night-alt-snow-wind;}
.wi-night-alt-sprinkle:before {content: $night-alt-sprinkle;}
.wi-night-alt-storm-showers:before {content: $night-alt-storm-showers;}
.wi-night-alt-thunderstorm:before {content: $night-alt-thunderstorm;}
.wi-night-cloudy:before {content: $night-cloudy;}
.wi-night-cloudy-gusts:before {content: $night-cloudy-gusts;}
.wi-night-cloudy-windy:before {content: $night-cloudy-windy;}
.wi-night-fog:before {content: $night-fog;}
.wi-night-hail:before {content: $night-hail;}
.wi-night-lightning:before {content: $night-lightning;}
.wi-night-partly-cloudy:before {content: $night-partly-cloudy;}
.wi-night-rain:before {content: $night-rain;}
.wi-night-rain-mix:before {content: $night-rain-mix;}
.wi-night-rain-wind:before {content: $night-rain-wind;}
.wi-night-showers:before {content: $night-showers;}
.wi-night-sleet:before {content: $night-sleet;}
.wi-night-sleet-storm:before {content: $night-sleet-storm;}
.wi-night-snow:before {content: $night-snow;}
.wi-night-snow-thunderstorm:before {content: $night-snow-thunderstorm;}
.wi-night-snow-wind:before {content: $night-snow-wind;}
.wi-night-sprinkle:before {content: $night-sprinkle;}
.wi-night-storm-showers:before {content: $night-storm-showers;}
.wi-night-thunderstorm:before {content: $night-thunderstorm;}
.wi-lunar-eclipse:before {content: $lunar-eclipse;}
.wi-stars:before {content: $stars;}
.wi-storm-showers:before {content: $storm-showers;}
.wi-thunderstorm:before {content: $thunderstorm;}
.wi-night-alt-cloudy-high:before {content: $night-alt-cloudy-high;}
.wi-night-cloudy-high:before {content: $night-cloudy-high;}
.wi-night-alt-partly-cloudy:before {content: $night-alt-partly-cloudy;}
\ No newline at end of file
.wi-time-1:before {content: $time-1;}
.wi-time-2:before {content: $time-2;}
.wi-time-3:before {content: $time-3;}
.wi-time-4:before {content: $time-4;}
.wi-time-5:before {content: $time-5;}
.wi-time-6:before {content: $time-6;}
.wi-time-7:before {content: $time-7;}
.wi-time-8:before {content: $time-8;}
.wi-time-9:before {content: $time-9;}
.wi-time-10:before {content: $time-10;}
.wi-time-11:before {content: $time-11;}
.wi-time-12:before {content: $time-12;}
\ No newline at end of file
@mixin wind-rotate( $val: 0deg ) {
-webkit-transform: rotate($val);
-moz-transform: rotate($val);
-ms-transform: rotate($val);
-o-transform: rotate($val);
transform: rotate($val);
}
.wi-wind-towards-n {
@include wind-rotate(0deg);
}
.wi-wind-towards-nne {
@include wind-rotate(23deg);
}
.wi-wind-towards-ne {
@include wind-rotate(45deg);
}
.wi-wind-towards-ene {
@include wind-rotate(68deg);
}
.wi-wind-towards-e {
@include wind-rotate(90deg);
}
.wi-wind-towards-ese {
@include wind-rotate(113deg);
}
.wi-wind-towards-se {
@include wind-rotate(135deg);
}
.wi-wind-towards-sse {
@include wind-rotate(158deg);
}
.wi-wind-towards-s {
@include wind-rotate(180deg);
}
.wi-wind-towards-ssw {
@include wind-rotate(203deg);
}
.wi-wind-towards-sw {
@include wind-rotate(225deg);
}
.wi-wind-towards-wsw {
@include wind-rotate(248deg);
}
.wi-wind-towards-w {
@include wind-rotate(270deg);
}
.wi-wind-towards-wnw {
@include wind-rotate(293deg);
}
.wi-wind-towards-nw {
@include wind-rotate(313deg);
}
.wi-wind-towards-nnw {
@include wind-rotate(336deg);
}
.wi-wind-from-n {
@include wind-rotate(0deg);
}
.wi-wind-from-nne {
@include wind-rotate(23deg);
}
.wi-wind-from-ne {
@include wind-rotate(45deg);
}
.wi-wind-from-ene {
@include wind-rotate(68deg);
}
.wi-wind-from-e {
@include wind-rotate(90deg);
}
.wi-wind-from-ese {
@include wind-rotate(113deg);
}
.wi-wind-from-se {
@include wind-rotate(135deg);
}
.wi-wind-from-sse {
@include wind-rotate(158deg);
}
.wi-wind-from-s {
@include wind-rotate(180deg);
}
.wi-wind-from-ssw {
@include wind-rotate(203deg);
}
.wi-wind-from-sw {
@include wind-rotate(225deg);
}
.wi-wind-from-wsw {
@include wind-rotate(248deg);
}
.wi-wind-from-w {
@include wind-rotate(270deg);
}
.wi-wind-from-wnw {
@include wind-rotate(293deg);
}
.wi-wind-from-nw {
@include wind-rotate(313deg);
}
.wi-wind-from-nnw {
@include wind-rotate(336deg);
}
\ No newline at end of file
// Wind Variables 2.0
$wind: "\f0b1";
.#{$wi-css-prefix}-wind:before { content: $wind; }
@mixin wind-rotate( $val: 0deg ) {
-webkit-transform: rotate($val);
-moz-transform: rotate($val);
-ms-transform: rotate($val);
-o-transform: rotate($val);
transform: rotate($val);
}
@import "classes-wind-degrees.scss";
\ No newline at end of file
$wind-beaufort-0: "\f0b7";
$wind-beaufort-1: "\f0b8";
$wind-beaufort-2: "\f0b9";
$wind-beaufort-3: "\f0ba";
$wind-beaufort-4: "\f0bb";
$wind-beaufort-5: "\f0bc";
$wind-beaufort-6: "\f0bd";
$wind-beaufort-7: "\f0be";
$wind-beaufort-8: "\f0bf";
$wind-beaufort-9: "\f0c0";
$wind-beaufort-10: "\f0c1";
$wind-beaufort-11: "\f0c2";
$wind-beaufort-12: "\f0c3";
\ No newline at end of file
$day-sunny: "\f00d";
$day-cloudy: "\f002";
$day-cloudy-gusts: "\f000";
$day-cloudy-windy: "\f001";
$day-fog: "\f003";
$day-hail: "\f004";
$day-haze: "\f0b6";
$day-lightning: "\f005";
$day-rain: "\f008";
$day-rain-mix: "\f006";
$day-rain-wind: "\f007";
$day-showers: "\f009";
$day-sleet: "\f0b2";
$day-sleet-storm: "\f068";
$day-snow: "\f00a";
$day-snow-thunderstorm: "\f06b";
$day-snow-wind: "\f065";
$day-sprinkle: "\f00b";
$day-storm-showers: "\f00e";
$day-sunny-overcast: "\f00c";
$day-thunderstorm: "\f010";
$day-windy: "\f085";
$solar-eclipse: "\f06e";
$hot: "\f072";
$day-cloudy-high: "\f07d";
$day-light-wind: "\f0c4";
\ No newline at end of file
$direction-up: "\f058";
$direction-up-right: "\f057";
$direction-right: "\f04d";
$direction-down-right: "\f088";
$direction-down: "\f044";
$direction-down-left: "\f043";
$direction-left: "\f048";
$direction-up-left: "\f087";
\ No newline at end of file
$alien: "\f075";
$celsius: "\f03c";
$fahrenheit: "\f045";
$degrees: "\f042";
$thermometer: "\f055";
$thermometer-exterior: "\f053";
$thermometer-internal: "\f054";
$cloud-down: "\f03d";
$cloud-up: "\f040";
$cloud-refresh: "\f03e";
$horizon: "\f047";
$horizon-alt: "\f046";
$sunrise: "\f051";
$sunset: "\f052";
$moonrise: "\f0c9";
$moonset: "\f0ca";
$refresh: "\f04c";
$refresh-alt: "\f04b";
$umbrella: "\f084";
$barometer: "\f079";
$humidity: "\f07a";
$na: "\f07b";
$train: "\f0cb";
\ No newline at end of file
$moon-new: "\f095";
$moon-waxing-cresent-1: "\f096";
$moon-waxing-cresent-2: "\f097";
$moon-waxing-cresent-3: "\f098";
$moon-waxing-cresent-4: "\f099";
$moon-waxing-cresent-5: "\f09a";
$moon-waxing-cresent-6: "\f09b";
$moon-first-quarter: "\f09c";
$moon-waxing-gibbous-1: "\f09d";
$moon-waxing-gibbous-2: "\f09e";
$moon-waxing-gibbous-3: "\f09f";
$moon-waxing-gibbous-4: "\f0a0";
$moon-waxing-gibbous-5: "\f0a1";
$moon-waxing-gibbous-6: "\f0a2";
$moon-full: "\f0a3";
$moon-waning-gibbous-1: "\f0a4";
$moon-waning-gibbous-2: "\f0a5";
$moon-waning-gibbous-3: "\f0a6";
$moon-waning-gibbous-4: "\f0a7";
$moon-waning-gibbous-5: "\f0a8";
$moon-waning-gibbous-6: "\f0a9";
$moon-third-quarter: "\f0aa";
$moon-waning-crescent-1: "\f0ab";
$moon-waning-crescent-2: "\f0ac";
$moon-waning-crescent-3: "\f0ad";
$moon-waning-crescent-4: "\f0ae";
$moon-waning-crescent-5: "\f0af";
$moon-waning-crescent-6: "\f0b0";
$moon-alt-new: "\f0eb";
$moon-alt-waxing-cresent-1: "\f0d0";
$moon-alt-waxing-cresent-2: "\f0d1";
$moon-alt-waxing-cresent-3: "\f0d2";
$moon-alt-waxing-cresent-4: "\f0d3";
$moon-alt-waxing-cresent-5: "\f0d4";
$moon-alt-waxing-cresent-6: "\f0d5";
$moon-alt-first-quarter: "\f0d6";
$moon-alt-waxing-gibbous-1: "\f0d7";
$moon-alt-waxing-gibbous-2: "\f0d8";
$moon-alt-waxing-gibbous-3: "\f0d9";
$moon-alt-waxing-gibbous-4: "\f0da";
$moon-alt-waxing-gibbous-5: "\f0db";
$moon-alt-waxing-gibbous-6: "\f0dc";
$moon-alt-full: "\f0dd";
$moon-alt-waning-gibbous-1: "\f0de";
$moon-alt-waning-gibbous-2: "\f0df";
$moon-alt-waning-gibbous-3: "\f0e0";
$moon-alt-waning-gibbous-4: "\f0e1";
$moon-alt-waning-gibbous-5: "\f0e2";
$moon-alt-waning-gibbous-6: "\f0e3";
$moon-alt-third-quarter: "\f0e4";
$moon-alt-waning-crescent-1: "\f0e5";
$moon-alt-waning-crescent-2: "\f0e6";
$moon-alt-waning-crescent-3: "\f0e7";
$moon-alt-waning-crescent-4: "\f0e8";
$moon-alt-waning-crescent-5: "\f0e9";
$moon-alt-waning-crescent-6: "\f0ea";
\ No newline at end of file
$cloud: "\f041";
$cloudy: "\f013";
$cloudy-gusts: "\f011";
$cloudy-windy: "\f012";
$fog: "\f014";
$hail: "\f015";
$rain: "\f019";
$rain-mix: "\f017";
$rain-wind: "\f018";
$showers: "\f01a";
$sleet: "\f0b5";
$snow: "\f01b";
$sprinkle: "\f01c";
$storm-showers: "\f01d";
$thunderstorm: "\f01e";
$snow-wind: "\f064";
$snow: "\f01b";
$smog: "\f074";
$smoke: "\f062";
$lightning: "\f016";
$raindrops: "\f04e";
$raindrop: "\f078";
$dust: "\f063";
$snowflake-cold: "\f076";
$windy: "\f021";
$strong-wind: "\f050";
$sandstorm: "\f082";
$earthquake: "\f0c6";
$fire: "\f0c7";
$flood: "\f07c";
$meteor: "\f071";
$tsunami: "\f0c5";
$volcano: "\f0c8";
$hurricane: "\f073";
$tornado: "\f056";
$small-craft-advisory: "\f0cc";
$gale-warning: "\f0cd";
$storm-warning: "\f0ce";
$hurricane-warning: "\f0cf";
$wind-direction: "\f0b1";
\ No newline at end of file
$night-clear: "\f02e";
$night-alt-cloudy: "\f086";
$night-alt-cloudy-gusts: "\f022";
$night-alt-cloudy-windy: "\f023";
$night-alt-hail: "\f024";
$night-alt-lightning: "\f025";
$night-alt-rain: "\f028";
$night-alt-rain-mix: "\f026";
$night-alt-rain-wind: "\f027";
$night-alt-showers: "\f029";
$night-alt-sleet: "\f0b4";
$night-alt-sleet-storm: "\f06a";
$night-alt-snow: "\f02a";
$night-alt-snow-thunderstorm: "\f06d";
$night-alt-snow-wind: "\f067";
$night-alt-sprinkle: "\f02b";
$night-alt-storm-showers: "\f02c";
$night-alt-thunderstorm: "\f02d";
$night-cloudy: "\f031";
$night-cloudy-gusts: "\f02f";
$night-cloudy-windy: "\f030";
$night-fog: "\f04a";
$night-hail: "\f032";
$night-lightning: "\f033";
$night-partly-cloudy: "\f083";
$night-rain: "\f036";
$night-rain-mix: "\f034";
$night-rain-wind: "\f035";
$night-showers: "\f037";
$night-sleet: "\f0b3";
$night-sleet-storm: "\f069";
$night-snow: "\f038";
$night-snow-thunderstorm: "\f06c";
$night-snow-wind: "\f066";
$night-sprinkle: "\f039";
$night-storm-showers: "\f03a";
$night-thunderstorm: "\f03b";
$lunar-eclipse: "\f070";
$stars: "\f077";
$storm-showers: "\f01d";
$thunderstorm: "\f01e";
$night-alt-cloudy-high: "\f07e";
$night-cloudy-high: "\f080";
$night-alt-partly-cloudy: "\f081";
\ No newline at end of file
$time-1: "\f08a";
$time-2: "\f08b";
$time-3: "\f08c";
$time-4: "\f08d";
$time-5: "\f08e";
$time-6: "\f08f";
$time-7: "\f090";
$time-8: "\f091";
$time-9: "\f092";
$time-10: "\f093";
$time-11: "\f094";
$time-12: "\f089";
\ No newline at end of file
$n: "\f0b1";
$nne: "\f0b1";
$ne: "\f0b1";
$ene: "\f0b1";
$e: "\f0b1";
$ese: "\f0b1";
$se: "\f0b1";
$sse: "\f0b1";
$s: "\f0b1";
$ssw: "\f0b1";
$sw: "\f0b1";
$wsw: "\f0b1";
$w: "\f0b1";
$wnw: "\f0b1";
$nw: "\f0b1";
$nnw: "\f0b1";
$n: "\f0b1";
$nne: "\f0b1";
$ne: "\f0b1";
$ene: "\f0b1";
$e: "\f0b1";
$ese: "\f0b1";
$se: "\f0b1";
$sse: "\f0b1";
$s: "\f0b1";
$ssw: "\f0b1";
$sw: "\f0b1";
$wsw: "\f0b1";
$w: "\f0b1";
$wnw: "\f0b1";
$nw: "\f0b1";
$nnw: "\f0b1";
\ No newline at end of file
.#{$wi-css-prefix}-forecast-io-clear-day:before { content: $day-sunny ; }
.#{$wi-css-prefix}-forecast-io-clear-night:before { content: $night-clear ; }
.#{$wi-css-prefix}-forecast-io-rain:before { content: $rain ; }
.#{$wi-css-prefix}-forecast-io-snow:before { content: $snow ; }
.#{$wi-css-prefix}-forecast-io-sleet:before { content: $sleet ; }
.#{$wi-css-prefix}-forecast-io-wind:before { content: $strong-wind ; }
.#{$wi-css-prefix}-forecast-io-fog:before { content: $fog ; }
.#{$wi-css-prefix}-forecast-io-cloudy:before { content: $cloudy ; }
.#{$wi-css-prefix}-forecast-io-partly-cloudy-day:before { content: $day-cloudy ; }
.#{$wi-css-prefix}-forecast-io-partly-cloudy-night:before { content: $night-cloudy ; }
.#{$wi-css-prefix}-forecast-io-hail:before { content: $hail ; }
.#{$wi-css-prefix}-forecast-io-thunderstorm:before { content: $thunderstorm ; }
.#{$wi-css-prefix}-forecast-io-tornado:before { content: $tornado ; }
\ No newline at end of file
// Neutral
.#{$wi-css-prefix}-owm-200:before { content: $thunderstorm ; }
.#{$wi-css-prefix}-owm-201:before { content: $thunderstorm ; }
.#{$wi-css-prefix}-owm-202:before { content: $thunderstorm ; }
.#{$wi-css-prefix}-owm-210:before { content: $lightning ; }
.#{$wi-css-prefix}-owm-211:before { content: $lightning ; }
.#{$wi-css-prefix}-owm-212:before { content: $lightning ; }
.#{$wi-css-prefix}-owm-221:before { content: $lightning ; }
.#{$wi-css-prefix}-owm-230:before { content: $thunderstorm ; }
.#{$wi-css-prefix}-owm-231:before { content: $thunderstorm ; }
.#{$wi-css-prefix}-owm-232:before { content: $thunderstorm ; }
.#{$wi-css-prefix}-owm-300:before { content: $sprinkle ; }
.#{$wi-css-prefix}-owm-301:before { content: $sprinkle ; }
.#{$wi-css-prefix}-owm-302:before { content: $rain ; }
.#{$wi-css-prefix}-owm-310:before { content: $rain-mix ; }
.#{$wi-css-prefix}-owm-311:before { content: $rain ; }
.#{$wi-css-prefix}-owm-312:before { content: $rain ; }
.#{$wi-css-prefix}-owm-313:before { content: $showers ; }
.#{$wi-css-prefix}-owm-314:before { content: $rain ; }
.#{$wi-css-prefix}-owm-321:before { content: $sprinkle ; }
.#{$wi-css-prefix}-owm-500:before { content: $sprinkle ; }
.#{$wi-css-prefix}-owm-501:before { content: $rain ; }
.#{$wi-css-prefix}-owm-502:before { content: $rain ; }
.#{$wi-css-prefix}-owm-503:before { content: $rain ; }
.#{$wi-css-prefix}-owm-504:before { content: $rain ; }
.#{$wi-css-prefix}-owm-511:before { content: $rain-mix ; }
.#{$wi-css-prefix}-owm-520:before { content: $showers ; }
.#{$wi-css-prefix}-owm-521:before { content: $showers ; }
.#{$wi-css-prefix}-owm-522:before { content: $showers ; }
.#{$wi-css-prefix}-owm-531:before { content: $storm-showers ; }
.#{$wi-css-prefix}-owm-600:before { content: $snow ; }
.#{$wi-css-prefix}-owm-601:before { content: $snow ; }
.#{$wi-css-prefix}-owm-602:before { content: $sleet ; }
.#{$wi-css-prefix}-owm-611:before { content: $rain-mix ; }
.#{$wi-css-prefix}-owm-612:before { content: $rain-mix ; }
.#{$wi-css-prefix}-owm-615:before { content: $rain-mix ; }
.#{$wi-css-prefix}-owm-616:before { content: $rain-mix ; }
.#{$wi-css-prefix}-owm-620:before { content: $rain-mix ; }
.#{$wi-css-prefix}-owm-621:before { content: $snow ; }
.#{$wi-css-prefix}-owm-622:before { content: $snow ; }
.#{$wi-css-prefix}-owm-701:before { content: $showers ; }
.#{$wi-css-prefix}-owm-711:before { content: $smoke ; }
.#{$wi-css-prefix}-owm-721:before { content: $day-haze ; }
.#{$wi-css-prefix}-owm-731:before { content: $dust ; }
.#{$wi-css-prefix}-owm-741:before { content: $fog ; }
.#{$wi-css-prefix}-owm-761:before { content: $dust ; }
.#{$wi-css-prefix}-owm-762:before { content: $dust ; }
.#{$wi-css-prefix}-owm-771:before { content: $cloudy-gusts ; }
.#{$wi-css-prefix}-owm-781:before { content: $tornado ; }
.#{$wi-css-prefix}-owm-800:before { content: $day-sunny ; }
.#{$wi-css-prefix}-owm-801:before { content: $cloudy-gusts ; }
.#{$wi-css-prefix}-owm-802:before { content: $cloudy-gusts ; }
.#{$wi-css-prefix}-owm-803:before { content: $cloudy-gusts ; }
.#{$wi-css-prefix}-owm-803:before { content: $cloudy-windy ; }
.#{$wi-css-prefix}-owm-804:before { content: $cloudy ; }
.#{$wi-css-prefix}-owm-900:before { content: $tornado ; }
.#{$wi-css-prefix}-owm-901:before { content: $storm-showers ; }
.#{$wi-css-prefix}-owm-902:before { content: $hurricane ; }
.#{$wi-css-prefix}-owm-903:before { content: $snowflake-cold ; }
.#{$wi-css-prefix}-owm-904:before { content: $hot ; }
.#{$wi-css-prefix}-owm-905:before { content: $windy ; }
.#{$wi-css-prefix}-owm-906:before { content: $hail ; }
.#{$wi-css-prefix}-owm-957:before { content: $strong-wind ; }
//Day
.#{$wi-css-prefix}-owm-day-200:before { content: $day-thunderstorm ; }
.#{$wi-css-prefix}-owm-day-201:before { content: $day-thunderstorm ; }
.#{$wi-css-prefix}-owm-day-202:before { content: $day-thunderstorm ; }
.#{$wi-css-prefix}-owm-day-210:before { content: $day-lightning ; }
.#{$wi-css-prefix}-owm-day-211:before { content: $day-lightning ; }
.#{$wi-css-prefix}-owm-day-212:before { content: $day-lightning ; }
.#{$wi-css-prefix}-owm-day-221:before { content: $day-lightning ; }
.#{$wi-css-prefix}-owm-day-230:before { content: $day-thunderstorm ; }
.#{$wi-css-prefix}-owm-day-231:before { content: $day-thunderstorm ; }
.#{$wi-css-prefix}-owm-day-232:before { content: $day-thunderstorm ; }
.#{$wi-css-prefix}-owm-day-300:before { content: $day-sprinkle ; }
.#{$wi-css-prefix}-owm-day-301:before { content: $day-sprinkle ; }
.#{$wi-css-prefix}-owm-day-302:before { content: $day-rain ; }
.#{$wi-css-prefix}-owm-day-310:before { content: $day-rain ; }
.#{$wi-css-prefix}-owm-day-311:before { content: $day-rain ; }
.#{$wi-css-prefix}-owm-day-312:before { content: $day-rain ; }
.#{$wi-css-prefix}-owm-day-313:before { content: $day-rain ; }
.#{$wi-css-prefix}-owm-day-314:before { content: $day-rain ; }
.#{$wi-css-prefix}-owm-day-321:before { content: $day-sprinkle ; }
.#{$wi-css-prefix}-owm-day-500:before { content: $day-sprinkle ; }
.#{$wi-css-prefix}-owm-day-501:before { content: $day-rain ; }
.#{$wi-css-prefix}-owm-day-502:before { content: $day-rain ; }
.#{$wi-css-prefix}-owm-day-503:before { content: $day-rain ; }
.#{$wi-css-prefix}-owm-day-504:before { content: $day-rain ; }
.#{$wi-css-prefix}-owm-day-511:before { content: $day-rain-mix ; }
.#{$wi-css-prefix}-owm-day-520:before { content: $day-showers ; }
.#{$wi-css-prefix}-owm-day-521:before { content: $day-showers ; }
.#{$wi-css-prefix}-owm-day-522:before { content: $day-showers ; }
.#{$wi-css-prefix}-owm-day-531:before { content: $day-storm-showers ; }
.#{$wi-css-prefix}-owm-day-600:before { content: $day-snow ; }
.#{$wi-css-prefix}-owm-day-601:before { content: $day-sleet ; }
.#{$wi-css-prefix}-owm-day-602:before { content: $day-snow ; }
.#{$wi-css-prefix}-owm-day-611:before { content: $day-rain-mix ; }
.#{$wi-css-prefix}-owm-day-612:before { content: $day-rain-mix ; }
.#{$wi-css-prefix}-owm-day-615:before { content: $day-rain-mix ; }
.#{$wi-css-prefix}-owm-day-616:before { content: $day-rain-mix ; }
.#{$wi-css-prefix}-owm-day-620:before { content: $day-rain-mix ; }
.#{$wi-css-prefix}-owm-day-621:before { content: $day-snow ; }
.#{$wi-css-prefix}-owm-day-622:before { content: $day-snow ; }
.#{$wi-css-prefix}-owm-day-701:before { content: $day-showers ; }
.#{$wi-css-prefix}-owm-day-711:before { content: $smoke ; }
.#{$wi-css-prefix}-owm-day-721:before { content: $day-haze ; }
.#{$wi-css-prefix}-owm-day-731:before { content: $dust ; }
.#{$wi-css-prefix}-owm-day-741:before { content: $day-fog ; }
.#{$wi-css-prefix}-owm-day-761:before { content: $dust ; }
.#{$wi-css-prefix}-owm-day-762:before { content: $dust ; }
.#{$wi-css-prefix}-owm-day-781:before { content: $tornado ; }
.#{$wi-css-prefix}-owm-day-800:before { content: $day-sunny ; }
.#{$wi-css-prefix}-owm-day-801:before { content: $day-cloudy-gusts ; }
.#{$wi-css-prefix}-owm-day-802:before { content: $day-cloudy-gusts ; }
.#{$wi-css-prefix}-owm-day-803:before { content: $day-cloudy-gusts ; }
.#{$wi-css-prefix}-owm-day-804:before { content: $day-sunny-overcast ; }
.#{$wi-css-prefix}-owm-day-900:before { content: $tornado ; }
.#{$wi-css-prefix}-owm-day-902:before { content: $hurricane ; }
.#{$wi-css-prefix}-owm-day-903:before { content: $snowflake-cold ; }
.#{$wi-css-prefix}-owm-day-904:before { content: $hot ; }
.#{$wi-css-prefix}-owm-day-906:before { content: $day-hail ; }
.#{$wi-css-prefix}-owm-day-957:before { content: $strong-wind ; }
//Night
.#{$wi-css-prefix}-owm-night-200:before { content: $night-alt-thunderstorm ; }
.#{$wi-css-prefix}-owm-night-201:before { content: $night-alt-thunderstorm ; }
.#{$wi-css-prefix}-owm-night-202:before { content: $night-alt-thunderstorm ; }
.#{$wi-css-prefix}-owm-night-210:before { content: $night-alt-lightning ; }
.#{$wi-css-prefix}-owm-night-211:before { content: $night-alt-lightning ; }
.#{$wi-css-prefix}-owm-night-212:before { content: $night-alt-lightning ; }
.#{$wi-css-prefix}-owm-night-221:before { content: $night-alt-lightning ; }
.#{$wi-css-prefix}-owm-night-230:before { content: $night-alt-thunderstorm ; }
.#{$wi-css-prefix}-owm-night-231:before { content: $night-alt-thunderstorm ; }
.#{$wi-css-prefix}-owm-night-232:before { content: $night-alt-thunderstorm ; }
.#{$wi-css-prefix}-owm-night-300:before { content: $night-alt-sprinkle ; }
.#{$wi-css-prefix}-owm-night-301:before { content: $night-alt-sprinkle ; }
.#{$wi-css-prefix}-owm-night-302:before { content: $night-alt-rain ; }
.#{$wi-css-prefix}-owm-night-310:before { content: $night-alt-rain ; }
.#{$wi-css-prefix}-owm-night-311:before { content: $night-alt-rain ; }
.#{$wi-css-prefix}-owm-night-312:before { content: $night-alt-rain ; }
.#{$wi-css-prefix}-owm-night-313:before { content: $night-alt-rain ; }
.#{$wi-css-prefix}-owm-night-314:before { content: $night-alt-rain ; }
.#{$wi-css-prefix}-owm-night-321:before { content: $night-alt-sprinkle ; }
.#{$wi-css-prefix}-owm-night-500:before { content: $night-alt-sprinkle ; }
.#{$wi-css-prefix}-owm-night-501:before { content: $night-alt-rain ; }
.#{$wi-css-prefix}-owm-night-502:before { content: $night-alt-rain ; }
.#{$wi-css-prefix}-owm-night-503:before { content: $night-alt-rain ; }
.#{$wi-css-prefix}-owm-night-504:before { content: $night-alt-rain ; }
.#{$wi-css-prefix}-owm-night-511:before { content: $night-alt-rain-mix ; }
.#{$wi-css-prefix}-owm-night-520:before { content: $night-alt-showers ; }
.#{$wi-css-prefix}-owm-night-521:before { content: $night-alt-showers ; }
.#{$wi-css-prefix}-owm-night-522:before { content: $night-alt-showers ; }
.#{$wi-css-prefix}-owm-night-531:before { content: $night-alt-storm-showers ; }
.#{$wi-css-prefix}-owm-night-600:before { content: $night-alt-snow ; }
.#{$wi-css-prefix}-owm-night-601:before { content: $night-alt-sleet ; }
.#{$wi-css-prefix}-owm-night-602:before { content: $night-alt-snow ; }
.#{$wi-css-prefix}-owm-night-611:before { content: $night-alt-rain-mix ; }
.#{$wi-css-prefix}-owm-night-612:before { content: $night-alt-rain-mix ; }
.#{$wi-css-prefix}-owm-night-615:before { content: $night-alt-rain-mix ; }
.#{$wi-css-prefix}-owm-night-616:before { content: $night-alt-rain-mix ; }
.#{$wi-css-prefix}-owm-night-620:before { content: $night-alt-rain-mix ; }
.#{$wi-css-prefix}-owm-night-621:before { content: $night-alt-snow ; }
.#{$wi-css-prefix}-owm-night-622:before { content: $night-alt-snow ; }
.#{$wi-css-prefix}-owm-night-701:before { content: $night-alt-showers ; }
.#{$wi-css-prefix}-owm-night-711:before { content: $smoke ; }
.#{$wi-css-prefix}-owm-night-721:before { content: $day-haze ; }
.#{$wi-css-prefix}-owm-night-731:before { content: $dust ; }
.#{$wi-css-prefix}-owm-night-741:before { content: $night-fog ; }
.#{$wi-css-prefix}-owm-night-761:before { content: $dust ; }
.#{$wi-css-prefix}-owm-night-762:before { content: $dust ; }
.#{$wi-css-prefix}-owm-night-781:before { content: $tornado ; }
.#{$wi-css-prefix}-owm-night-800:before { content: $night-clear ; }
.#{$wi-css-prefix}-owm-night-801:before { content: $night-alt-cloudy-gusts ; }
.#{$wi-css-prefix}-owm-night-802:before { content: $night-alt-cloudy-gusts ; }
.#{$wi-css-prefix}-owm-night-803:before { content: $night-alt-cloudy-gusts ; }
.#{$wi-css-prefix}-owm-night-804:before { content: $night-alt-cloudy ; }
.#{$wi-css-prefix}-owm-night-900:before { content: $tornado ; }
.#{$wi-css-prefix}-owm-night-902:before { content: $hurricane ; }
.#{$wi-css-prefix}-owm-night-903:before { content: $snowflake-cold ; }
.#{$wi-css-prefix}-owm-night-904:before { content: $hot ; }
.#{$wi-css-prefix}-owm-night-906:before { content: $night-alt-hail ; }
.#{$wi-css-prefix}-owm-night-957:before { content: $strong-wind ; }
\ No newline at end of file
.#{$wi-css-prefix}-wmo4680-0:before,
.#{$wi-css-prefix}-wmo4680-00:before { content: $thermometer ; }
.#{$wi-css-prefix}-wmo4680-1:before,
.#{$wi-css-prefix}-wmo4680-01:before { content: $cloudy ; }
.#{$wi-css-prefix}-wmo4680-2:before,
.#{$wi-css-prefix}-wmo4680-02:before { content: $thermometer ; }
.#{$wi-css-prefix}-wmo4680-3:before,
.#{$wi-css-prefix}-wmo4680-03:before { content: $cloudy ; }
.#{$wi-css-prefix}-wmo4680-4:before,
.#{$wi-css-prefix}-wmo4680-04:before { content: $fog ; }
.#{$wi-css-prefix}-wmo4680-5:before,
.#{$wi-css-prefix}-wmo4680-05:before { content: $fog ; }
.#{$wi-css-prefix}-wmo4680-10:before { content: $fog ; }
.#{$wi-css-prefix}-wmo4680-11:before { content: $fog ; }
.#{$wi-css-prefix}-wmo4680-12:before { content: $lightning ; }
.#{$wi-css-prefix}-wmo4680-18:before { content: $strong-wind ; }
.#{$wi-css-prefix}-wmo4680-20:before { content: $fog ; }
.#{$wi-css-prefix}-wmo4680-21:before { content: $rain-mix ; }
.#{$wi-css-prefix}-wmo4680-22:before { content: $rain-mix ; }
.#{$wi-css-prefix}-wmo4680-23:before { content: $rain ; }
.#{$wi-css-prefix}-wmo4680-24:before { content: $snow ; }
.#{$wi-css-prefix}-wmo4680-25:before { content: $hail ; }
.#{$wi-css-prefix}-wmo4680-26:before { content: $thunderstorm ; }
.#{$wi-css-prefix}-wmo4680-27:before { content: $dust ; }
.#{$wi-css-prefix}-wmo4680-28:before { content: $dust ; }
.#{$wi-css-prefix}-wmo4680-29:before { content: $dust ; }
.#{$wi-css-prefix}-wmo4680-30:before { content: $fog ; }
.#{$wi-css-prefix}-wmo4680-31:before { content: $fog ; }
.#{$wi-css-prefix}-wmo4680-32:before { content: $fog ; }
.#{$wi-css-prefix}-wmo4680-33:before { content: $fog ; }
.#{$wi-css-prefix}-wmo4680-34:before { content: $fog ; }
.#{$wi-css-prefix}-wmo4680-35:before { content: $fog ; }
.#{$wi-css-prefix}-wmo4680-40:before { content: $rain-mix ; }
.#{$wi-css-prefix}-wmo4680-41:before { content: $sprinkle ; }
.#{$wi-css-prefix}-wmo4680-42:before { content: $rain ; }
.#{$wi-css-prefix}-wmo4680-43:before { content: $sprinkle ; }
.#{$wi-css-prefix}-wmo4680-44:before { content: $rain ; }
.#{$wi-css-prefix}-wmo4680-45:before { content: $hail ; }
.#{$wi-css-prefix}-wmo4680-46:before { content: $hail ; }
.#{$wi-css-prefix}-wmo4680-47:before { content: $snow ; }
.#{$wi-css-prefix}-wmo4680-48:before { content: $snow ; }
.#{$wi-css-prefix}-wmo4680-50:before { content: $sprinkle ; }
.#{$wi-css-prefix}-wmo4680-51:before { content: $sprinkle ; }
.#{$wi-css-prefix}-wmo4680-52:before { content: $rain ; }
.#{$wi-css-prefix}-wmo4680-53:before { content: $rain ; }
.#{$wi-css-prefix}-wmo4680-54:before { content: $snowflake-cold ; }
.#{$wi-css-prefix}-wmo4680-55:before { content: $snowflake-cold ; }
.#{$wi-css-prefix}-wmo4680-56:before { content: $snowflake-cold ; }
.#{$wi-css-prefix}-wmo4680-57:before { content: $sprinkle ; }
.#{$wi-css-prefix}-wmo4680-58:before { content: $rain ; }
.#{$wi-css-prefix}-wmo4680-60:before { content: $sprinkle ; }
.#{$wi-css-prefix}-wmo4680-61:before { content: $sprinkle ; }
.#{$wi-css-prefix}-wmo4680-62:before { content: $rain ; }
.#{$wi-css-prefix}-wmo4680-63:before { content: $rain ; }
.#{$wi-css-prefix}-wmo4680-64:before { content: $hail ; }
.#{$wi-css-prefix}-wmo4680-65:before { content: $hail ; }
.#{$wi-css-prefix}-wmo4680-66:before { content: $hail ; }
.#{$wi-css-prefix}-wmo4680-67:before { content: $rain-mix ; }
.#{$wi-css-prefix}-wmo4680-68:before { content: $rain-mix ; }
.#{$wi-css-prefix}-wmo4680-70:before { content: $snow ; }
.#{$wi-css-prefix}-wmo4680-71:before { content: $snow ; }
.#{$wi-css-prefix}-wmo4680-72:before { content: $snow ; }
.#{$wi-css-prefix}-wmo4680-73:before { content: $snow ; }
.#{$wi-css-prefix}-wmo4680-74:before { content: $snowflake-cold ; }
.#{$wi-css-prefix}-wmo4680-75:before { content: $snowflake-cold ; }
.#{$wi-css-prefix}-wmo4680-76:before { content: $snowflake-cold ; }
.#{$wi-css-prefix}-wmo4680-77:before { content: $snow ; }
.#{$wi-css-prefix}-wmo4680-78:before { content: $snowflake-cold ; }
.#{$wi-css-prefix}-wmo4680-80:before { content: $rain ; }
.#{$wi-css-prefix}-wmo4680-81:before { content: $sprinkle ; }
.#{$wi-css-prefix}-wmo4680-82:before { content: $rain ; }
.#{$wi-css-prefix}-wmo4680-83:before { content: $rain ; }
.#{$wi-css-prefix}-wmo4680-84:before { content: $storm-showers ; }
.#{$wi-css-prefix}-wmo4680-85:before { content: $rain-mix ; }
.#{$wi-css-prefix}-wmo4680-86:before { content: $rain-mix ; }
.#{$wi-css-prefix}-wmo4680-87:before { content: $rain-mix ; }
.#{$wi-css-prefix}-wmo4680-89:before { content: $hail ; }
.#{$wi-css-prefix}-wmo4680-90:before { content: $lightning ; }
.#{$wi-css-prefix}-wmo4680-91:before { content: $storm-showers ; }
.#{$wi-css-prefix}-wmo4680-92:before { content: $thunderstorm ; }
.#{$wi-css-prefix}-wmo4680-93:before { content: $thunderstorm ; }
.#{$wi-css-prefix}-wmo4680-94:before { content: $lightning ; }
.#{$wi-css-prefix}-wmo4680-95:before { content: $thunderstorm ; }
.#{$wi-css-prefix}-wmo4680-96:before { content: $thunderstorm ; }
.#{$wi-css-prefix}-wmo4680-99:before { content: $tornado ; }
\ No newline at end of file
.#{$wi-css-prefix}-yahoo-0:before { content: $tornado; }
.#{$wi-css-prefix}-yahoo-1:before { content: $day-storm-showers; }
.#{$wi-css-prefix}-yahoo-2:before { content: $hurricane; }
.#{$wi-css-prefix}-yahoo-3:before { content: $thunderstorm; }
.#{$wi-css-prefix}-yahoo-4:before { content: $thunderstorm; }
.#{$wi-css-prefix}-yahoo-5:before { content: $rain-mix; }
.#{$wi-css-prefix}-yahoo-6:before { content: $rain-mix; }
.#{$wi-css-prefix}-yahoo-7:before { content: $rain-mix; }
.#{$wi-css-prefix}-yahoo-8:before { content: $hail; }
.#{$wi-css-prefix}-yahoo-9:before { content: $showers; }
.#{$wi-css-prefix}-yahoo-10:before { content: $hail; }
.#{$wi-css-prefix}-yahoo-11:before { content: $showers; }
.#{$wi-css-prefix}-yahoo-12:before { content: $showers; }
.#{$wi-css-prefix}-yahoo-13:before { content: $snow; }
.#{$wi-css-prefix}-yahoo-14:before { content: $day-snow; }
.#{$wi-css-prefix}-yahoo-15:before { content: $snow-wind; }
.#{$wi-css-prefix}-yahoo-16:before { content: $snow; }
.#{$wi-css-prefix}-yahoo-17:before { content: $hail; }
.#{$wi-css-prefix}-yahoo-18:before { content: $rain-mix; }
.#{$wi-css-prefix}-yahoo-19:before { content: $dust; }
.#{$wi-css-prefix}-yahoo-20:before { content: $fog; }
.#{$wi-css-prefix}-yahoo-21:before { content: $windy; }
.#{$wi-css-prefix}-yahoo-22:before { content: $smoke; }
.#{$wi-css-prefix}-yahoo-23:before { content: $strong-wind; }
.#{$wi-css-prefix}-yahoo-24:before { content: $strong-wind; }
.#{$wi-css-prefix}-yahoo-25:before { content: $snowflake-cold; }
.#{$wi-css-prefix}-yahoo-26:before { content: $cloudy; }
.#{$wi-css-prefix}-yahoo-27:before { content: $night-cloudy; }
.#{$wi-css-prefix}-yahoo-28:before { content: $day-cloudy; }
.#{$wi-css-prefix}-yahoo-29:before { content: $night-cloudy; }
.#{$wi-css-prefix}-yahoo-30:before { content: $day-cloudy; }
.#{$wi-css-prefix}-yahoo-31:before { content: $night-clear; }
.#{$wi-css-prefix}-yahoo-32:before { content: $day-sunny; }
.#{$wi-css-prefix}-yahoo-33:before { content: $night-partly-cloudy; }
.#{$wi-css-prefix}-yahoo-34:before { content: $day-sunny-overcast; }
.#{$wi-css-prefix}-yahoo-35:before { content: $rain-mix; }
.#{$wi-css-prefix}-yahoo-36:before { content: $hot; }
.#{$wi-css-prefix}-yahoo-37:before { content: $day-storm-showers; }
.#{$wi-css-prefix}-yahoo-38:before { content: $day-storm-showers; }
.#{$wi-css-prefix}-yahoo-39:before { content: $day-storm-showers; }
.#{$wi-css-prefix}-yahoo-40:before { content: $showers; }
.#{$wi-css-prefix}-yahoo-41:before { content: $snow-wind; }
.#{$wi-css-prefix}-yahoo-42:before { content: $snow; }
.#{$wi-css-prefix}-yahoo-43:before { content: $snow-wind; }
.#{$wi-css-prefix}-yahoo-44:before { content: $day-sunny-overcast; }
.#{$wi-css-prefix}-yahoo-45:before { content: $day-storm-showers; }
.#{$wi-css-prefix}-yahoo-46:before { content: $snow; }
.#{$wi-css-prefix}-yahoo-47:before { content: $day-storm-showers; }
.#{$wi-css-prefix}-yahoo-3200:before { content: $stars; }
\ No newline at end of file
@import "icon-classes/classes-day.scss";
@import "icon-classes/classes-night.scss";
@import "icon-classes/classes-neutral.scss";
@import "icon-classes/classes-misc.scss";
@import "icon-classes/classes-moon.scss";
@import "icon-classes/classes-moon-aliases.scss";
@import "icon-classes/classes-time.scss";
@import "icon-classes/classes-direction.scss";
@import "icon-classes/classes-beaufort.scss";
// Base Variables
$wi-path: "../font" !default;
$wi-version: "2.0" !default;
$wi-css-prefix: wi !default;
$wi-font-family: weathericons !default;
@font-face {
font-family: '#{$wi-font-family}';
src: url('#{$wi-path}/#{$wi-font-family}-regular-webfont.eot');
src: url('#{$wi-path}/#{$wi-font-family}-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('#{$wi-path}/#{$wi-font-family}-regular-webfont.woff2') format('woff2'),
url('#{$wi-path}/#{$wi-font-family}-regular-webfont.woff') format('woff'),
url('#{$wi-path}/#{$wi-font-family}-regular-webfont.ttf') format('truetype'),
url('#{$wi-path}/#{$wi-font-family}-regular-webfont.svg#weather_iconsregular') format('svg');
font-weight: normal;
font-style: normal;
}
.#{$wi-css-prefix} {
display: inline-block;
font-family: '#{$wi-font-family}';
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.#{$wi-css-prefix}-fw {
width: 1.4em;
text-align: center;
}
@mixin wi-icon-rotate($degrees, $rotation) {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation});
-webkit-transform: rotate($degrees);
-ms-transform: rotate($degrees);
transform: rotate($degrees);
}
@mixin wi-icon-flip($horiz, $vert, $rotation) {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation});
-webkit-transform: scale($horiz, $vert);
-ms-transform: scale($horiz, $vert);
transform: scale($horiz, $vert);
}
.#{$wi-css-prefix}-rotate-90 { @include wi-icon-rotate(90deg, 1); }
.#{$wi-css-prefix}-rotate-180 { @include wi-icon-rotate(180deg, 2); }
.#{$wi-css-prefix}-rotate-270 { @include wi-icon-rotate(270deg, 3); }
.#{$wi-css-prefix}-flip-horizontal { @include wi-icon-flip(-1, 1, 0); }
.#{$wi-css-prefix}-flip-vertical { @include wi-icon-flip(1, -1, 2); }
@import 'icon-variables/variables-beaufort.scss';
@import 'icon-variables/variables-time.scss';
@import 'icon-variables/variables-moon.scss';
@import 'icon-variables/variables-direction.scss';
@import 'icon-variables/variables-day.scss';
@import 'icon-variables/variables-night.scss';
@import 'icon-variables/variables-neutral.scss';
@import 'icon-variables/variables-misc.scss';
@import "weather-icons-core.scss";
@import "icon-variables/variables-wind-names.scss";
@import "icon-classes/classes-wind.scss";
@import "icon-classes/classes-wind-degrees.scss";
@import "icon-classes/classes-wind-aliases.scss";
\ No newline at end of file
@import "weather-icons-core.scss";
@import "icon-variables/variables-wind-names.scss";
@import "icon-classes/classes-wind.scss";
@import "icon-classes/classes-wind-degrees.scss";
@import "icon-classes/classes-wind-aliases.scss";
\ No newline at end of file
/*!
* Weather Icons 2.0
* Updated August 1, 2015
* Weather themed icons for Bootstrap
* Author - Erik Flowers - erik@helloerik.com
* Email: erik@helloerik.com
* Twitter: http://twitter.com/Erik_UX
* ------------------------------------------------------------------------------
* Maintained at http://erikflowers.github.io/weather-icons
*
* License
* ------------------------------------------------------------------------------
* - Font licensed under SIL OFL 1.1 -
* http://scripts.sil.org/OFL
* - CSS, SCSS and LESS are licensed under MIT License -
* http://opensource.org/licenses/mit-license.html
* - Documentation licensed under CC BY 3.0 -
* http://creativecommons.org/licenses/by/3.0/
* - Inspired by and works great as a companion with Font Awesome
* "Font Awesome by Dave Gandy - http://fontawesome.io"
*/
@import 'weather-icons-core.scss';
@import 'weather-icons-variables.scss';
@import 'weather-icons-classes.scss';
// Mappings to various APIs
@import "mappings/wi-yahoo.scss";
@import "mappings/wi-forecast-io.scss";
@import "mappings/wi-wmo4680.scss";
@import "mappings/wi-owm.scss";
\ No newline at end of file
/*!
* Weather Icons 2.0
* Updated August 1, 2015
* Weather themed icons for Bootstrap
* Author - Erik Flowers - erik@helloerik.com
* Email: erik@helloerik.com
* Twitter: http://twitter.com/Erik_UX
* ------------------------------------------------------------------------------
* Maintained at http://erikflowers.github.io/weather-icons
*
* License
* ------------------------------------------------------------------------------
* - Font licensed under SIL OFL 1.1 -
* http://scripts.sil.org/OFL
* - CSS, LESS and SCSS are licensed under MIT License -
* http://opensource.org/licenses/mit-license.html
* - Documentation licensed under CC BY 3.0 -
* http://creativecommons.org/licenses/by/3.0/
* - Inspired by and works great as a companion with Font Awesome
* "Font Awesome by Dave Gandy - http://fontawesome.io"
*/
@import 'weather-icons-core.scss';
@import 'weather-icons-variables.scss';
@import 'weather-icons-classes.scss';
// Mappings to various APIs
@import "mappings/wi-yahoo.scss";
@import "mappings/wi-forecast-io.scss";
@import "mappings/wi-wmo4680.scss";
@import "mappings/wi-owm.scss";
\ No newline at end of file
/*==============================================================
For Laptop & above all (1650px)
============================================================== */
@media(min-width:1650px) {
.widget-app-columns {
column-count:3;
}
}
/*==============================================================
For Laptop & above all (1370px)
============================================================== */
@media(max-width:1370px) {
.widget-app-columns {
column-count:2;
}
}
/*-- ==============================================================
Small Desktop & above all (1024px)
============================================================== */
@media(min-width:1024px) {
.page-wrapper{
margin-left:240px;
}
.footer{
left: 240px;
}
}
@media(max-width:1023px) {
.page-wrapper{
margin-left:60px;
transition: 0.2s ease-in;
}
.footer{
left: 60px;
}
.widget-app-columns {
column-count:1;
}
.inbox-center a {
width: 200px;
}
}
/*-- ==============================================================
Ipad & above all(768px)
============================================================== */
@media(min-width:768px) {
.navbar-header {
width: 240px;
flex-shrink:0;
.navbar-brand {
padding-top: 0px;
}
}
.material-icon-list-demo .icons div {
width: 33%;
padding: 15px;
display: inline-block;
line-height: 40px;
}
.mini-sidebar {
.page-wrapper{
margin-left:60px;
}
.footer{
left: 60px;
}
}
.flex-wrap{
flex-wrap:no-wrap!important;
-webkit-flex-wrap:no-wrap!important;
}
}
/*-- ==============================================================
Phone and below ipad(767px)
============================================================== */
@media(max-width:767px) {
/*Header*/
.topbar {
position: fixed;
width: 100%;
.top-navbar {
padding-right: 15px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
flex-wrap: nowrap;
-webkit-align-items: center;
.navbar-collapse {
display: flex;
width: 100%;
}
.navbar-nav {
flex-direction: row;
> .nav-item.show {
position: static;
.dropdown-menu {
width: 100%;
margin-top: 0px;
}
}
> .nav-item > .nav-link {
padding-left: .50rem;
padding-right: .50rem;
}
.dropdown-menu {
position: absolute;
}
}
}
}
.mega-dropdown {
.dropdown-menu {
height: 480px;
overflow: auto;
}
}
/*Sidebar and wrapper*/
.mini-sidebar .page-wrapper{
margin-left:0px;
padding-top: 70px;
}
.comment-text{
.comment-footer{
.action-icons {
display: block;
padding: 10px 0;
}
}
}
.vtabs .tabs-vertical {
width: auto;
}
/*Footer*/
.footer{
left: 0px;
}
.material-icon-list-demo .icons div {
width: 100%;
}
.error-page{
.footer{
position: fixed;
bottom: 0px;
z-index: 10;
}
}
.error-box{
position: relative;
padding-bottom: 60px;
}
.error-body{
padding-top: 10%;
h1{
font-size:100px;
font-weight:600;
line-height:100px;
}
}
.login-register{
position: relative;
overflow: hidden;
}
.login-box{
width: 90%;
}
.login-sidebar{
padding: 10% 0;
.login-box{
position: relative;
}
}
/*This is for chat page*/
.chat-main-box .chat-left-aside {
left: -250px;
position: absolute;
transition: 0.5s ease-in;
background: $white;
&.open-pnl {
left: 0px;
}
.open-panel {
display: block;
}
}
.chat-main-box .chat-right-aside {
width: 100%;
}
/*Timeline*/
ul.timeline:before {
left: 40px;
}
ul.timeline>li>.timeline-panel {
width:"calc(100% - 90px)";
width:"calc(100% - 90px)";
width:"calc(100% - 90px)";
}
ul.timeline>li>.timeline-badge {
top: 16px;
left: 15px;
margin-left: 0;
}
ul.timeline>li>.timeline-panel {
float: right;
}
ul.timeline>li>.timeline-panel:before {
right: auto;
left: -15px;
border-right-width: 15px;
border-left-width: 0;
}
ul.timeline>li>.timeline-panel:after {
right: auto;
left: -14px;
border-right-width: 14px;
border-left-width: 0;
}
/*Contact app page*/
.left-aside{
width: 100%;
position: relative;
border:0px;
}
.right-aside{
margin-left: 0px;
}
.flex-wrap{
flex-wrap:wrap!important;
-webkit-flex-wrap:wrap!important;
}
.chat-list li .chat-content{
width: calc(100% - 80px);
}
}
\ No newline at end of file
@import 'variable';
/*******************
Main sidebar
******************/
.left-sidebar {
position: absolute;
width: 240px;
height: 100%;
top: 0px;
z-index: 20;
padding-top: 70px;
background: $sidebar;
/*box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.08);*/
}
.fix-sidebar .left-sidebar{
position: fixed;
}
/*******************
use profile section
******************/
.user-profile {
text-align: center;
position: relative;
.profile-img {
width: 50px;
margin: 0 auto;
border-radius: 100%;
&::before {
-webkit-animation: 2.5s blow 0s linear infinite;
animation: 2.5s blow 0s linear infinite;
position: absolute;
content: '';
width: 50px;
height: 50px;
top: 0;
margin: 0 auto;
border-radius: 50%;
z-index: 0;
}
@-webkit-keyframes blow {
0% {
box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.1);
opacity: 1;
-webkit-transform: scale3d(1, 1, 0.5);
transform: scale3d(1, 1, 0.5);
}
50% {
box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
opacity: 1;
-webkit-transform: scale3d(1, 1, 0.5);
transform: scale3d(1, 1, 0.5);
}
100% {
box-shadow: 0 0 0 20px rgba(0, 0, 0, 0.1);
opacity: 0;
-webkit-transform: scale3d(1, 1, 0.5);
transform: scale3d(1, 1, 0.5);
}
}
@keyframes blow {
0% {
box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.1);
opacity: 1;
-webkit-transform: scale3d(1, 1, 0.5);
transform: scale3d(1, 1, 0.5);
}
50% {
box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
opacity: 1;
-webkit-transform: scale3d(1, 1, 0.5);
transform: scale3d(1, 1, 0.5);
}
100% {
box-shadow: 0 0 0 20px rgba(0, 0, 0, 0.1);
opacity: 0;
-webkit-transform: scale3d(1, 1, 0.5);
transform: scale3d(1, 1, 0.5);
}
}
img {
width: 100%;
border-radius: 100%;
}
}
.profile-text {
padding: 5px 0;
position: relative;
a {
color: $bodytext;
}
}
.dropdown-menu {
left: 0px;
right: 0px;
width: 180px;
margin: 0 auto;
}
}
/*******************
sidebar footer
******************/
.sidebar-footer {
position: fixed;
bottom: 0px;
left: 0px;
transition:0.2s ease-out;
width: 240px;
background: $sidebar-alt;
border-top: 1px solid $border;
a {
padding: 15px;
width: 33.333337%;
float: left;
text-align: center;
font-size: 18px;
}
}
/*******************
sidebar navigation
******************/
.scroll-sidebar {
padding-bottom: 60px;
padding-top: 30px;
}
.collapse.in {
display: block;
}
.sidebar-nav {
background: $sidebar;
ul {
margin: 0px;
padding: 0px;
li {
list-style: none;
a {
color: $sidebar-text;
padding: 14px 35px 14px 15px;
display: block;
font-size: 15px;
&.active,
&:hover {
color: $themecolor;
}
&.active {
font-weight: 400;
color: $dark;
}
}
ul {
padding-left: 30px;
li a {
padding: 10px 35px 10px 15px;
}
ul {
padding-left: 20px;
}
}
&.nav-small-cap {
font-size: 12px;
padding: 14px 14px 14px 20px;
color: $muted;
font-weight: 500;
}
&.nav-devider{
height: 1px;
background: $border;
display: block;
margin: 20px 0;
}
}
}
> ul > li {
&.active > a {
border-left: 3px solid $themecolor;
color: $themecolor;
i {
color: $themecolor;
}
}
}
> ul > li > a {
border-left: 3px solid $sidebar;
&.active,
&:hover {
border-left: 3px solid $themecolor;
i {
color: $themecolor;
}
}
i {
width: 27px;
font-size: 21px;
display: inline-block;
vertical-align: middle;
color: $sidebar-icons;
}
.label {
float: right;
margin-top: 6px;
}
&.active {
font-weight: 400;
background: $white;
color: $themecolor;
}
}
}
.sidebar-nav .has-arrow {
position: relative;
&::after {
position: absolute;
content: '';
width: .4em;
height: .4em;
border-width: 1px 0 0 1px;
border-style: solid;
border-color: $sidebar-text;
right: 1em;
-webkit-transform: rotate(-45deg) translate(0, -50%);
-ms-transform: rotate(-45deg) translate(0, -50%);
-o-transform: rotate(-45deg) translate(0, -50%);
transform: rotate(-45deg) translate(0, -50%);
-webkit-transform-origin: top;
-ms-transform-origin: top;
-o-transform-origin: top;
transform-origin: top;
top: 50%;
-webkit-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
}
.sidebar-nav .active > .has-arrow::after,
.sidebar-nav li > .has-arrow.active::after,
.sidebar-nav .has-arrow[aria-expanded="true"]::after {
-webkit-transform: rotate(-135deg) translate(0, -50%);
-ms-transform: rotate(-135deg) translate(0, -50%);
-o-transform: rotate(-135deg) translate(0, -50%);
transform: rotate(-135deg) translate(0, -50%);
}
/****************
When click on sidebar toggler and also for tablet
*****************/
@media(min-width:768px) {
.mini-sidebar .sidebar-nav #sidebarnav li {
position: relative;
}
.mini-sidebar .sidebar-nav #sidebarnav > li > ul {
position: absolute;
left: 60px;
top: 59px;
width: 200px;
z-index: 1001;
background: $sidebar-alt;
display: none;
padding-left: 1px;
}
.mini-sidebar .sidebar-nav #sidebarnav > li:hover > ul {
height: auto !important;
overflow: auto;
}
.mini-sidebar .sidebar-nav #sidebarnav > li:hover > ul,
.mini-sidebar .sidebar-nav #sidebarnav > li:hover > ul.collapse {
display: block;
}
.mini-sidebar .sidebar-nav #sidebarnav > li > a.has-arrow:after {
display: none;
}
.mini-sidebar {
.left-sidebar {
width: 60px;
}
.user-profile {
padding-bottom: 30px;
width: 60px;
}
.scroll-sidebar{
padding-bottom: 0px;
position: absolute;
}
.hide-menu,
.nav-small-cap,
.sidebar-footer,
.user-profile .profile-text {
display: none;
}
.nav-devider{
width: 60px;
}
.sidebar-nav{ background: transparent;}
.sidebar-nav #sidebarnav > li > a{
padding: 14px 15px;
width: 60px;
}
.sidebar-nav #sidebarnav > li:hover > a {
width: 260px;
background: $themecolor;
color: $white;
border-color: $themecolor;
i {
color: $white;
}
.hide-menu {
display: inline;
}
}
.sidebar-nav #sidebarnav > li.active > a{
border-color:transparent;
&.active{
border-color:$themecolor;
}
}
}
}
@media(max-width:767px) {
.mini-sidebar{
.left-sidebar{position: fixed;}
.left-sidebar, .sidebar-footer{
left:-240px;
}
&.show-sidebar{
.left-sidebar, .sidebar-footer{
left:0px;
}
}
}
}
@import 'variable';
@import 'app';
@import 'pages';
@import 'sidebar';
@import '../scss/icons/font-awesome/css/font-awesome.min.css';
@import '../scss/icons/simple-line-icons/css/simple-line-icons.css';
@import '../scss/icons/weather-icons/css/weather-icons.min.css';
@import '../scss/icons/linea-icons/linea.css';
@import '../scss/icons/themify-icons/themify-icons.css';
@import '../scss/icons/flag-icon-css/flag-icon.min.css';
@import "../scss/icons/material-design-iconic-font/css/materialdesignicons.min.css";
@import 'widgets';
@import 'grid';
@import 'responsive';
@import '../css/spinners.css';
@import '../css/animate.css';
\ No newline at end of file
// Variables
@import 'https://fonts.googleapis.com/css?family=Rubik:300,400,500,700,900';
$bodyfont:'Rubik', sans-serif;
$headingfont:'Rubik', sans-serif;
/*Theme Colors*/
$topbar: #fff;
$sidebar: #fff;
$sidebar-white: #ffffff;
$sidebar-alt:#e8eff0;
$bodycolor: #fff;
$headingtext: #2c2b2e;
$bodytext: #54667a;
$sidebar-text: #54667a;
$sidebar-icons: #a6b7bf;
$light-text: #a6b7bf;
$themecolor: #009efb;
$themecolor-dark: #028ee1;
/*bootstrap Color*/
$danger: #f62d51;
$success: #55ce63;
$warning: #ffbc34;
$primary: #7460ee;
$info: #009efb;
$inverse: #2f3d4a;
$muted: #90a4ae;
$dark: #263238;
$light: #f2f7f8;
$extra-light: #ebf3f5;
/*Light colors*/
$light-danger: #f9e7eb;
$light-success: #e8fdeb;
$light-warning: #fff8ec;
$light-primary: #f1effd;
$light-info: #cfecfe;
$light-inverse: #f6f6f6;
$light-megna: #e0f2f4;
$danger-dark: #e6294b;
$success-dark: #4ab657;
$warning-dark: #e9ab2e;
$primary-dark: #6352ce;
$info-dark: #028ee1;
$red-dark: #d61f1f;
$inverse-dark: #232a37;
$dark-transparent:rgba(0, 0, 0, 0.05);
/*Normal Color*/
$white: #ffffff;
$red: #fb3a3a;
$yellow: #a0aec4;
$purple: #7460ee;
$blue: #02bec9;
$megna: #01c0c8;
/*Extra Variable*/
$rgt: right;
$lft: left;
$border: rgba(120, 130, 140, 0.13);
$table-border:#f3f1f1;
$dark-text: #848a96;
$radius: 4px;
$form-brd: #d9d9d9;
/*Preloader*/
.preloader{
width: 100%;
height: 100%;
top:0px;
position: fixed;
z-index: 99999;
background: #fff;
.cssload-speeding-wheel{
position: absolute;
top: calc(50% - 3.5px);
left: calc(50% - 3.5px);
}
}
/*******************
/*User mail widgets*/
/*******************/
.topbar {
.top-navbar {
.mailbox {
width: 300px;
ul {
padding: 0px;
li {
list-style: none;
}
}
}
}
}
.mailbox {
ul li {
.drop-title {
font-weight: 500;
padding: 11px 20px 15px;
border-bottom: 1px solid $border;
}
.nav-link {
border-top: 1px solid $border;
padding-top: 15px;
}
}
.message-center {
height: 200px;
overflow: auto;
position: relative;
a {
border-bottom: 1px solid $border;
display: block;
text-decoration: none;
padding: 9px 15px;
&:hover {
background: $light;
}
div {
white-space: normal;
}
.user-img {
width: 40px;
position: relative;
display: inline-block;
margin: 0 10px 15px 0;
img {
width: 100%;
}
.profile-status {
border: 2px solid $white;
border-radius: 50%;
display: inline-block;
height: 10px;
left: 30px;
position: absolute;
top: 1px;
width: 10px;
}
.online {
background: $success;
}
.busy {
background: $danger;
}
.away {
background: $warning;
}
.offline {
background: $warning;
}
}
.mail-contnet {
display: inline-block;
width: 75%;
vertical-align: middle;
h5 {
margin: 5px 0px 0;
}
.mail-desc,
.time {
font-size: 12px;
display: block;
margin: 1px 0;
text-overflow: ellipsis;
overflow: hidden;
color: $bodytext;
white-space: nowrap;
}
}
}
}
}
/*******************
/*Analytic info sparkline chart page*/
/*******************/
.analytics-info {
li span {
font-size: 24px;
vertical-align: middle;
}
}
/*******************
/*States row*/
/*******************/
.stats-row {
margin-bottom: 20px;
.stat-item {
display: inline-block;
padding-right: 15px;
&+.stat-item {
padding-left: 15px;
border-left: 1px solid $border;
}
}
}
/*******************/
/*Dashboard1 Weather*/
/*******************/
.city-weather-days {
margin: 0px;
li {
text-align: center;
padding: 15px 0;
span {
display: block;
padding: 10px 0 0;
color: $muted;
}
i {
display: block;
font-size: 20px;
color: $themecolor;
}
h3 {
font-weight: 300;
margin-top: 5px;
}
}
}
/*******************/
/*Comment widgets*/
/*******************/
.comment-widgets {
position: relative;
margin-bottom: 10px;
.comment-row {
border-left: 3px solid $white;
padding: 15px;
&:hover,
&.active {
border-color: $themecolor;
}
}
}
.comment-text {
padding: 15px 15px 15px 20px;
&:hover .comment-footer,
&.active .comment-footer {
.action-icons {
visibility: visible;
}
}
p {
max-height: 50px;
overflow: hidden;
}
}
.comment-footer {
.action-icons {
visibility: hidden;
a {
padding-left: 15px;
vertical-align: middle;
color: $muted;
&:hover,
&.active {
color: $info;
}
}
}
}
/*******************/
/*To do widgets*/
/*******************/
.todo-list {
li {
border: 0px;
margin-bottom: 0px;
padding: 20px 15px 15px 0px;
.checkbox {
width: 100%;
label {
font-weight: 400;
}
}
&:last-child {
border-bottom: 0px;
}
.assignedto {
padding: 0px 0 0 27px;
margin: 0px;
li {
list-style: none;
padding: 0px;
display: inline-block;
border: 0px;
margin-right: 2px;
img {
width: 30px;
border-radius: 100%;
}
}
}
.item-date {
padding-left: 25px;
font-size: 12px;
display: inline-block;
}
}
}
.list-task .task-done span {
text-decoration: line-through;
}
/*******************/
/*Chat widget*/
/*******************/
.chat-list {
margin: 0px;
padding: 0px;
li {
list-style: none;
margin-top: 30px;
.chat-img {
display: inline-block;
width: 45px;
vertical-align: top;
img {
width: 45px;
border-radius: 100%;
}
}
.chat-content {
width: calc(100% - 140px);
display: inline-block;
padding-left: 15px;
h5 {
color: $muted;
}
.box {
display: inline-block;
margin-bottom: 10px;
}
}
.chat-time {
display: inline-block;
text-align: right;
width: 80px;
font-size: 13px;
color: $muted;
}
&.odd {
.chat-content {
text-align: right;
width: calc(100% - 90px);
}
.box {
clear: both;
}
}
&.odd + .odd {
margin-top: 0px;
}
&.reverse {
text-align: right;
.chat-time {
text-align: left;
}
.chat-content {
padding-left: 0px;
padding-right: 15px;
}
}
}
}
/*******************/
/*Chat widget*/
/*******************/
.message-box {
ul li {
.drop-title {
font-weight: 500;
padding: 11px 20px 15px;
border-bottom: 1px solid $border;
}
.nav-link {
border-top: 1px solid $border;
padding-top: 15px;
}
}
.message-widget {
position: relative;
a {
border-bottom: 1px solid $border;
display: block;
text-decoration: none;
padding: 9px 15px;
&:hover {
background: $light;
}
&:last-child {
border-bottom: 0px;
}
div {
white-space: normal;
}
.user-img {
width: 45px;
position: relative;
display: inline-block;
margin: 0 10px 15px 0;
img {
width: 100%;
}
.profile-status {
border: 2px solid $white;
border-radius: 50%;
display: inline-block;
height: 10px;
left: 33px;
position: absolute;
top: -1px;
width: 10px;
}
.online {
background: $success;
}
.busy {
background: $danger;
}
.away {
background: $warning;
}
.offline {
background: $warning;
}
}
.mail-contnet {
display: inline-block;
width: 75%;
vertical-align: middle;
h5 {
margin: 5px 0px 0;
}
.mail-desc,
.time {
font-size: 12px;
display: block;
margin: 1px 0;
text-overflow: ellipsis;
overflow: hidden;
color: $bodytext;
white-space: nowrap;
}
}
}
}
}
/*******************/
/*Calendar widget*/
/*******************/
.calendar {
float: $lft;
margin-bottom: 0px;
}
.fc-view {
margin-top: 30px;
}
.none-border {
.modal-footer {
border-top: none;
}
}
.fc-toolbar {
margin-bottom: 5px;
margin-top: 15px;
h2 {
font-size: 18px;
font-weight: 500;
line-height: 30px;
text-transform: uppercase;
}
}
.fc-day {
background: $white;
}
.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active,
.fc-toolbar button:focus,
.fc-toolbar button:hover,
.fc-toolbar .ui-state-hover {
z-index: 0;
}
.fc-widget-header {
border: 0px !important;
}
.fc-widget-content {
border-color: rgba(120, 130, 140, 0.13)!important;
}
.fc {
th.fc-widget-header {
color: $bodytext;
font-size: 13px;
font-weight: 300;
line-height: 20px;
padding: 7px 0px;
text-transform: uppercase;
}
th.fc-sun,
th.fc-tue,
th.fc-thu,
th.fc-sat {
background: #f2f7f8;
}
th.fc-mon,
th.fc-wed,
th.fc-fri {
background: #f2f7f8;
}
}
.fc-view {
margin-top: 0px;
}
.fc-toolbar {
margin: 0px;
padding: 24px 0px;
}
.fc-button {
background: $white;
border: 1px solid $border;
color: $bodytext;
text-transform: capitalize;
&:hover {
background: $light;
opacity: 0.8;
}
}
.fc-text-arrow {
font-family: inherit;
font-size: 16px;
}
.fc-state-hover {
background: #F5F5F5;
}
.fc-unthemed .fc-today {
border: 1px solid $danger;
background: $light!important;
}
.fc-state-highlight {
background: #f0f0f0;
}
.fc-cell-overlay {
background: #f0f0f0;
}
.fc-unthemed {
.fc-today {
background: $white;
}
}
.fc-event {
border-radius: 0px;
border: none;
cursor: move;
color: $white!important;
font-size: 13px;
margin: 1px -1px 0 -1px;
padding: 5px 5px;
text-align: center;
background: $info;
}
.calendar-event {
cursor: move;
margin: 10px 5px 0 0;
padding: 6px 10px;
display: inline-block;
color: $white;
min-width: 140px;
text-align: center;
background: $info;
a {
float: $rgt;
opacity: 0.6;
font-size: 10px;
margin: 4px 0 0 10px;
color: $white;
}
}
.fc-basic-view {
td.fc-week-number {
span {
padding-right: 5px;
}
}
.fc-day-number {
padding: 10px 15px;
display: inline-block;
}
}
/*******************/
/*Steam line widget*/
/*******************/
.steamline {
position: relative;
border-left: 1px solid $border;
margin-left: 20px;
.sl-left {
float: $lft;
margin-left: -20px;
z-index: 1;
width: 40px;
line-height: 40px;
text-align: center;
height: 40px;
border-radius: 100%;
color: $white;
background: $dark;
margin-right: 15px;
img {
max-width: 40px;
}
}
}
.steamline .sl-right {
padding-left: 50px;
.desc,
.inline-photos {
margin-bottom: 30px;
}
}
.steamline .sl-item {
border-bottom: 1px solid $border;
margin: 20px 0;
}
.sl-date {
font-size: 10px;
color: $muted;
}
.time-item {
border-color: $border;
padding-bottom: 1px;
position: relative;
&:before {
content: " ";
display: table;
}
&:after {
background-color: $white;
border-color: $border;
border-radius: 10px;
border-style: solid;
border-width: 2px;
bottom: 0;
content: '';
height: 14px;
left: 0;
margin-left: -8px;
position: absolute;
top: 5px;
width: 14px;
}
}
.time-item-item {
&:after {
content: " ";
display: table;
}
}
.item-info {
margin-bottom: 15px;
margin-left: 15px;
p {
margin-bottom: 10px !important;
}
}
/*******************/
/*Feed widget*/
/*******************/
.feeds {
margin: 0px;
padding: 0px;
li {
list-style: none;
padding: 10px;
display: block;
&:hover {
background: $extra-light;
}
> div {
width: 40px;
height: 40px;
margin-right: 5px;
display: inline-block;
text-align: center;
vertical-align: middle;
border-radius: 100%;
i {
line-height: 40px;
}
}
span {
float: right;
width: auto;
font-size: 12px;
}
}
}
/*******************/
/*Vertical carousel*/
/*******************/
.vert .carousel-item-next.carousel-item-left,
.vert .carousel-item-prev.carousel-item-right {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.vert .carousel-item-next,
.vert .active.carousel-item-right {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100% 0);
}
.vert .carousel-item-prev,
.vert .active.carousel-item-left {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
/*******************/
/*social-widgets*/
/*******************/
.social-widget {
.soc-header {
padding: 15px;
text-align: center;
font-size: 36px;
color: #fff;
&.box-facebook {
background: #3b5998;
}
&.box-twitter {
background: #00aced;
}
&.box-google {
background: #f86c6b;
}
&.box-linkedin {
background: #4875b4;
}
}
.soc-content {
display: flex;
text-align: center;
div {
padding: 10px;
h3 {
margin-bottom: 0px;
}
}
}
}
/*******************/
/*Guage chart*/
/*******************/
.gaugejs-box {
position: relative;
margin: 0 auto;
}
.gaugejs-box canvas.gaugejs {
width: 100% !important;
height: auto !important;
}
/*******************/
/*social-profile-first*/
/*******************/
.social-profile-first {
text-align: center;
padding-top: 22%;
margin-bottom: 96px;
&.bg-over {
background: rgba(56, 83, 161, 0.7);
}
.middle {
vertical-align: middle;
}
}
/*******************/
/*country-state*/
/*******************/
.country-state {
list-style: none;
margin: 0;
padding: 0 0 0 10px;
li {
margin-top: 30px;
margin-bottom: 10px;
}
h2 {
margin-bottom: 0px;
font-weight: 400;
}
}
/*******************/
/*profile timeline widget*/
/*******************/
.profiletimeline {
position: relative;
margin-left: 70px;
margin-right: 10px;
.sl-left {
float: left;
margin-left: -60px;
z-index: 1;
margin-right: 15px;
img {
max-width: 40px;
}
}
}
.profiletimeline .sl-item {
margin-top: 8px;
margin-bottom: 30px;
}
.profiletimeline .sl-date {
font-size: 12px;
color: $muted;
}
.profiletimeline .time-item {
border-color: $border;
padding-bottom: 1px;
position: relative;
&:before {
content: " ";
display: table;
}
&:after {
background-color: $white;
border-color: $border;
border-radius: 10px;
border-style: solid;
border-width: 2px;
bottom: 0;
content: '';
height: 14px;
left: 0;
margin-left: -8px;
position: absolute;
top: 5px;
width: 14px;
}
}
.profiletimeline .time-item-item {
&:after {
content: " ";
display: table;
}
}
.profiletimeline .item-info {
margin-bottom: 15px;
margin-left: 15px;
p {
margin-bottom: 10px !important;
}
}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment