Commit 79f933d1 authored by Supharoek Sudadet's avatar Supharoek Sudadet

ทำ window (desktop) application ให้สวยงาม

parent d1fd0e7a
body {
font-family: 'Open Sans', serif;
padding-top: 54px;
color: #868e96;
}
@media (min-width: 992px) {
body {
padding-top: 0;
padding-left: 17rem;
}
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Saira Extra Condensed', serif;
font-weight: 700;
text-transform: uppercase;
color: #343a40;
}
h1 {
font-size: 6rem;
line-height: 5.5rem;
}
h2 {
font-size: 3.5rem;
}
.subheading {
text-transform: uppercase;
font-weight: 500;
font-family: 'Saira Extra Condensed', serif;
font-size: 1.35rem;
}
.list-social-icons a {
color: #495057;
}
.list-social-icons a:hover {
color: #BD5D38;
}
.list-social-icons a .fa-lg {
font-size: 1.75rem;
}
.list-icons {
font-size: 3rem;
}
.list-icons .list-inline-item i:hover {
color: #BD5D38;
}
#sideNav .navbar-nav .nav-item .nav-link {
font-weight: 600;
text-transform: uppercase;
}
@media (min-width: 992px) {
#sideNav {
text-align: center;
position: fixed;
top: 0;
left: 0;
display: flex;
flex-direction: column;
width: 17rem;
height: 100vh;
}
#sideNav .navbar-brand {
display: flex;
margin: auto auto 0;
padding: 0.5rem;
}
#sideNav .navbar-brand .img-profile {
max-width: 10rem;
max-height: 10rem;
border: 0.5rem solid rgba(255, 255, 255, 0.2);
}
#sideNav .navbar-collapse {
display: flex;
align-items: flex-start;
flex-grow: 0;
width: 100%;
margin-bottom: auto;
}
#sideNav .navbar-collapse .navbar-nav {
flex-direction: column;
width: 100%;
}
#sideNav .navbar-collapse .navbar-nav .nav-item {
display: block;
}
#sideNav .navbar-collapse .navbar-nav .nav-item .nav-link {
display: block;
}
}
section.resume-section {
border-bottom: 1px solid #dee2e6;
padding-top: 5rem !important;
padding-bottom: 5rem !important;
}
section.resume-section .resume-item .resume-date {
min-width: none;
}
@media (min-width: 768px) {
section.resume-section {
min-height: 100vh;
}
section.resume-section .resume-item .resume-date {
min-width: 18rem;
}
}
@media (min-width: 992px) {
section.resume-section {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
}
.bg-primary {
background-color: #BD5D38 !important;
}
.text-primary {
color: #BD5D38 !important;
}
a {
color: #BD5D38;
}
a:hover, a:focus, a:active {
color: #824027;
}
body{font-family:'Open Sans',serif;padding-top:54px;color:#868e96}@media (min-width:992px){body{padding-top:0;padding-left:17rem}}h1,h2,h3,h4,h5,h6{font-family:'Saira Extra Condensed',serif;font-weight:700;text-transform:uppercase;color:#343a40}h1{font-size:6rem;line-height:5.5rem}h2{font-size:3.5rem}.subheading{text-transform:uppercase;font-weight:500;font-family:'Saira Extra Condensed',serif;font-size:1.35rem}.list-social-icons a{color:#495057}.list-social-icons a:hover{color:#bd5d38}.list-social-icons a .fa-lg{font-size:1.75rem}.list-icons{font-size:3rem}.list-icons .list-inline-item i:hover{color:#bd5d38}#sideNav .navbar-nav .nav-item .nav-link{font-weight:600;text-transform:uppercase}@media (min-width:992px){#sideNav{text-align:center;position:fixed;top:0;left:0;display:flex;flex-direction:column;width:17rem;height:100vh}#sideNav .navbar-brand{display:flex;margin:auto auto 0;padding:.5rem}#sideNav .navbar-brand .img-profile{max-width:10rem;max-height:10rem;border:.5rem solid rgba(255,255,255,.2)}#sideNav .navbar-collapse{display:flex;align-items:flex-start;flex-grow:0;width:100%;margin-bottom:auto}#sideNav .navbar-collapse .navbar-nav{flex-direction:column;width:100%}#sideNav .navbar-collapse .navbar-nav .nav-item{display:block}#sideNav .navbar-collapse .navbar-nav .nav-item .nav-link{display:block}}section.resume-section{border-bottom:1px solid #dee2e6;padding-top:5rem!important;padding-bottom:5rem!important}section.resume-section .resume-item .resume-date{min-width:none}@media (min-width:768px){section.resume-section{min-height:100vh}section.resume-section .resume-item .resume-date{min-width:18rem}}@media (min-width:992px){section.resume-section{padding-top:3rem!important;padding-bottom:3rem!important}}.bg-primary{background-color:#bd5d38!important}.text-primary{color:#bd5d38!important}a{color:#bd5d38}a:active,a:focus,a:hover{color:#824027}
\ No newline at end of file
<!DOCTYPE html> <!DOCTYPE html>
<html> <html lang="en">
<head> <head>
<meta charset="UTF-8">
<title>สวัสดีชาวโลก</title> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>Resume - Start Bootstrap Theme</title>
<!-- Bootstrap core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom fonts for this template -->
<link href="https://fonts.googleapis.com/css?family=Saira+Extra+Condensed:100,200,300,400,500,600,700,800,900" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i" rel="stylesheet">
<link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet">
<link href="vendor/devicons/css/devicons.min.css" rel="stylesheet">
<link href="vendor/simple-line-icons/css/simple-line-icons.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="css/resume.min.css" rel="stylesheet">
</head> </head>
<body>
<h1>สวัสดีชาวโลก </h1> <body id="page-top">
เราใช้
<ol> <nav class="navbar navbar-expand-lg navbar-dark bg-primary fixed-top" id="sideNav">
<li> node เวอร์ชัน <script>document.write(process.versions.node)</script></li> <a class="navbar-brand js-scroll-trigger" href="#page-top">
<li> Chrome เวอร์ชัน <script>document.write(process.versions.chrome)</script></li> <span class="d-block d-lg-none">Start Bootstrap</span>
<li> และ Electron เวอร์ชัน <script>document.write(process.versions.electron)</script></li> <span class="d-none d-lg-block">
</ol> <img class="img-fluid img-profile rounded-circle mx-auto mb-2" src="img/profile.png" alt="">
</span>
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#about">About Me</a>
</li>
</ul>
</div>
</nav>
<div class="container-fluid p-0">
<section class="resume-section p-3 p-lg-5 d-flex d-column" id="about">
<div class="my-auto">
<h1 class="mb-0">Supharoek
<span class="text-primary">Sudadet</span>
</h1>
<div class="subheading mb-5">140/3 Phanomprai Roi-Et · Thailand, 45140 · (+66) 916-809-501 ·
<a href="mailto:name@email.com">supharoek.0609@gmail.com</a>
</div>
<p class="mb-5">I'm study in Computer Science at Ubon Ratchathani University ,Thailand 34190.<br>
I think today i'm very noob for programing but in the future i will be a professional programmer.</p>
<ul class="list-inline list-social-icons mb-0">
<li class="list-inline-item">
<a href="#">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-facebook fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
<li class="list-inline-item">
<a href="#">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-twitter fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
<li class="list-inline-item">
<a href="#">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-linkedin fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
<li class="list-inline-item">
<a href="#">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-github fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
</ul>
</div>
</section>
</div>
<!-- Bootstrap core JavaScript -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- Plugin JavaScript -->
<script src="vendor/jquery-easing/jquery.easing.min.js"></script>
<!-- Custom scripts for this template -->
<script src="js/resume.min.js"></script>
</body> </body>
</html>
\ No newline at end of file </html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>สวัสดีชาวโลก</title>
</head>
<body>
<h1>สวัสดีชาวโลก </h1>
เราใช้
<ol>
<li> node เวอร์ชัน <script>document.write(process.versions.node)</script></li>
<li> Chrome เวอร์ชัน <script>document.write(process.versions.chrome)</script></li>
<li> และ Electron เวอร์ชัน <script>document.write(process.versions.electron)</script></li>
</ol>
</body>
</html>
\ No newline at end of file
(function($) {
"use strict"; // Start of use strict
// Smooth scrolling using jQuery easing
$('a.js-scroll-trigger[href*="#"]:not([href="#"])').click(function() {
if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
if (target.length) {
$('html, body').animate({
scrollTop: (target.offset().top)
}, 1000, "easeInOutExpo");
return false;
}
}
});
// Closes responsive menu when a scroll trigger link is clicked
$('.js-scroll-trigger').click(function() {
$('.navbar-collapse').collapse('hide');
});
// Activate scrollspy to add active class to navbar items on scroll
$('body').scrollspy({
target: '#sideNav'
});
})(jQuery); // End of use strict
!function(e){"use strict";e('a.js-scroll-trigger[href*="#"]:not([href="#"])').click(function(){if(location.pathname.replace(/^\//,"")==this.pathname.replace(/^\//,"")&&location.hostname==this.hostname){var t=e(this.hash);if((t=t.length?t:e("[name="+this.hash.slice(1)+"]")).length)return e("html, body").animate({scrollTop:t.offset().top},1e3,"easeInOutExpo"),!1}}),e(".js-scroll-trigger").click(function(){e(".navbar-collapse").collapse("hide")}),e("body").scrollspy({target:"#sideNav"})}(jQuery);
\ No newline at end of file
...@@ -4,8 +4,8 @@ ...@@ -4,8 +4,8 @@
"description": "", "description": "",
"main": "main.js", "main": "main.js",
"scripts": { "scripts": {
"release":"./node_modules/electron/cli.js . mywindowapp --overwrite --asar=true --platform=linux --arch=x64 --icon=assets/icons/png/logo.png --prune=true --out=release-builds", "release": "./node_modules/electron/cli.js . mywindowapp --overwrite --asar=true --platform=linux --arch=x64 --icon=assets/icons/png/logo.png --prune=true --out=release-builds",
"app": "echo 'super duper' ", "app": "echo 'super duper' ",
"อันตราย": "rm -rf *", "อันตราย": "rm -rf *",
"touch": "touch สวัสดี", "touch": "touch สวัสดี",
"echo": "echo สวัสดี", "echo": "echo สวัสดี",
......
.bg-primary {
background-color: $primary !important;
}
.text-primary {
color: $primary !important;
}
a {
color: $primary;
&:hover,
&:focus,
&:active {
color: darken($primary, 15%);
}
}
// Global styling for this template
body {
@include body-font;
padding-top: 54px;
color: $gray-600;
}
@media (min-width: 992px) {
body {
padding-top: 0;
padding-left: $sidebar-base-width;
}
}
h1,
h2,
h3,
h4,
h5,
h6 {
@include heading-font;
font-weight: 700;
text-transform: uppercase;
color: $gray-800;
}
h1 {
font-size: 6rem;
line-height: 5.5rem;
}
h2 {
font-size: 3.5rem;
}
.subheading {
text-transform: uppercase;
font-weight: 500;
@include heading-font;
font-size: 1.35rem;
}
.list-social-icons {
a {
color: $gray-700;
&:hover {
color: $primary;
}
.fa-lg {
font-size: 1.75rem;
}
}
}
.list-icons {
font-size: 3rem;
.list-inline-item i {
&:hover {
color: $primary;
}
}
}
// Mixins
// Bootstrap Button Variant
@mixin background-cover {
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
@mixin body-font {
font-family: 'Open Sans', serif;
}
@mixin heading-font {
font-family: 'Saira Extra Condensed', serif;
}
#sideNav {
.navbar-brand {}
.navbar-nav .nav-item .nav-link {
font-weight: 600;
text-transform: uppercase;
}
}
@media (min-width: 992px) {
#sideNav {
text-align: center;
position: fixed;
top: 0;
left: 0;
display: flex;
flex-direction: column;
width: $sidebar-base-width;
height: 100vh;
.navbar-brand {
display: flex;
margin: auto auto 0;
padding: 0.5rem;
.img-profile {
max-width: 10rem;
max-height: 10rem;
border: 0.5rem solid fade-out($white, 0.8);
}
}
.navbar-collapse {
display: flex;
align-items: flex-start;
flex-grow: 0;
width: 100%;
margin-bottom: auto;
.navbar-nav {
flex-direction: column;
width: 100%;
.nav-item {
display: block;
.nav-link {
display: block;
}
}
}
}
}
}
section.resume-section {
border-bottom: 1px solid $gray-300;
padding-top: 5rem !important;
padding-bottom: 5rem !important;
.resume-item {
.resume-content {}
.resume-date {
min-width: none;
}
}
}
@media (min-width: 768px) {
section.resume-section {
min-height: 100vh;
.resume-item {
.resume-content {}
.resume-date {
min-width: 18rem;
}
}
}
}
@media (min-width: 992px) {
section.resume-section {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
}
// Variables
// Restate Bootstrap Variables
$white: #fff !default;
$gray-100: #f8f9fa !default;
$gray-200: #e9ecef !default;
$gray-300: #dee2e6 !default;
$gray-400: #ced4da !default;
$gray-500: #adb5bd !default;
$gray-600: #868e96 !default;
$gray-700: #495057 !default;
$gray-800: #343a40 !default;
$gray-900: #212529 !default;
$black: #000 !default;
$blue: #007bff !default;
$indigo: #6610f2 !default;
$purple: #6f42c1 !default;
$pink: #e83e8c !default;
$red: #dc3545 !default;
$orange: #BD5D38 !default;
$yellow: #ffc107 !default;
$green: #28a745 !default;
$teal: #20c997 !default;
$cyan: #17a2b8 !default;
$primary: $orange !default;
$secondary: $gray-600 !default;
$success: $green !default;
$info: $cyan !default;
$warning: $yellow !default;
$danger: $red !default;
$light: $gray-100 !default;
$dark: $gray-800 !default;
// Page Variables
$sidebar-base-width: 17rem;
// Core variables and mixins
@import "variables.scss";
@import "mixins.scss";
// Global CSS
@import "global.scss";
@import "nav.scss";
@import "resume-item.scss";
@import "bootstrap-overrides.scss";
// Components
This diff is collapsed.
This diff is collapsed.
/*!
* Bootstrap Reboot v4.0.0-beta.2 (https://getbootstrap.com)
* Copyright 2011-2017 The Bootstrap Authors
* Copyright 2011-2017 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
* Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
*/
*,
*::before,
*::after {
box-sizing: border-box;
}
html {
font-family: sans-serif;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-ms-overflow-style: scrollbar;
-webkit-tap-highlight-color: transparent;
}
@-ms-viewport {
width: device-width;
}
article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
display: block;
}
body {
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: left;
background-color: #fff;
}
[tabindex="-1"]:focus {
outline: none !important;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
h1, h2, h3, h4, h5, h6 {
margin-top: 0;
margin-bottom: 0.5rem;
}
p {
margin-top: 0;
margin-bottom: 1rem;
}
abbr[title],
abbr[data-original-title] {
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
cursor: help;
border-bottom: 0;
}
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit;
}
ol,
ul,
dl {
margin-top: 0;
margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
margin-bottom: 0;
}
dt {
font-weight: 700;
}
dd {
margin-bottom: .5rem;
margin-left: 0;
}
blockquote {
margin: 0 0 1rem;
}
dfn {
font-style: italic;
}
b,
strong {
font-weight: bolder;
}
small {
font-size: 80%;
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -.25em;
}
sup {
top: -.5em;
}
a {
color: #007bff;
text-decoration: none;
background-color: transparent;
-webkit-text-decoration-skip: objects;
}
a:hover {
color: #0056b3;
text-decoration: underline;
}
a:not([href]):not([tabindex]) {
color: inherit;
text-decoration: none;
}
a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
color: inherit;
text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
outline: 0;
}
pre,
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
pre {
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
-ms-overflow-style: scrollbar;
}
figure {
margin: 0 0 1rem;
}
img {
vertical-align: middle;
border-style: none;
}
svg:not(:root) {
overflow: hidden;
}
a,
area,
button,
[role="button"],
input:not([type="range"]),
label,
select,
summary,
textarea {
-ms-touch-action: manipulation;
touch-action: manipulation;
}
table {
border-collapse: collapse;
}
caption {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
color: #868e96;
text-align: left;
caption-side: bottom;
}
th {
text-align: inherit;
}
label {
display: inline-block;
margin-bottom: .5rem;
}
button {
border-radius: 0;
}
button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color;
}
input,
button,
select,
optgroup,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
padding: 0;
border-style: none;
}
input[type="radio"],
input[type="checkbox"] {
box-sizing: border-box;
padding: 0;
}
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
-webkit-appearance: listbox;
}
textarea {
overflow: auto;
resize: vertical;
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}
legend {
display: block;
width: 100%;
max-width: 100%;
padding: 0;
margin-bottom: .5rem;
font-size: 1.5rem;
line-height: inherit;
color: inherit;
white-space: normal;
}
progress {
vertical-align: baseline;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
outline-offset: -2px;
-webkit-appearance: none;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button;
}
output {
display: inline-block;
}
summary {
display: list-item;
}
template {
display: none;
}
[hidden] {
display: none !important;
}
/*# sourceMappingURL=bootstrap-reboot.css.map */
\ No newline at end of file
/*!
* Bootstrap Reboot v4.0.0-beta.2 (https://getbootstrap.com)
* Copyright 2011-2017 The Bootstrap Authors
* Copyright 2011-2017 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
* Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
*/*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}@-ms-viewport{width:device-width}article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg:not(:root){overflow:hidden}[role=button],a,area,button,input:not([type=range]),label,select,summary,textarea{-ms-touch-action:manipulation;touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#868e96;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}
/*# sourceMappingURL=bootstrap-reboot.min.css.map */
\ No newline at end of file
This diff is collapsed.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This diff is collapsed.
This diff is collapsed.
This source diff could not be displayed because it is too large. You can view the blob instead.
This diff is collapsed.
This source diff could not be displayed because it is too large. You can view the blob instead.
This diff is collapsed.
This source diff could not be displayed because it is too large. You can view the blob instead.
This diff is collapsed.
This source diff could not be displayed because it is too large. You can view the blob instead.
This diff is collapsed.
/*!
* Devicons 1.8.0 made by Theodore Vorillas / http://vorillaz.com
*/
@font-face{font-family:devicons;src:url(../fonts/devicons.eot?xqxft6);src:url(../fonts/devicons.eot?#iefixxqxft6) format("embedded-opentype"),url(../fonts/devicons.woff?xqxft6) format("woff"),url(../fonts/devicons.ttf?xqxft6) format("truetype"),url(../fonts/devicons.svg?xqxft6#devicons) format("svg");font-weight:400;font-style:normal}.devicons{font-family:devicons;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.devicons-git:before{content:"\e602"}.devicons-git_compare:before{content:"\e628"}.devicons-git_branch:before{content:"\e625"}.devicons-git_commit:before{content:"\e629"}.devicons-git_pull_request:before{content:"\e626"}.devicons-git_merge:before{content:"\e627"}.devicons-bitbucket:before{content:"\e603"}.devicons-github_alt:before{content:"\e608"}.devicons-github_badge:before{content:"\e609"}.devicons-github:before{content:"\e60a"}.devicons-github_full:before{content:"\e617"}.devicons-java:before{content:"\e638"}.devicons-ruby:before{content:"\e639"}.devicons-scala:before{content:"\e637"}.devicons-python:before{content:"\e63c"}.devicons-go:before{content:"\e624"}.devicons-ruby_on_rails:before{content:"\e63b"}.devicons-django:before{content:"\e61d"}.devicons-markdown:before{content:"\e63e"}.devicons-php:before{content:"\e63d"}.devicons-mysql:before{content:"\e604"}.devicons-streamline:before{content:"\e605"}.devicons-database:before{content:"\e606"}.devicons-laravel:before{content:"\e63f"}.devicons-javascript:before{content:"\e64e"}.devicons-angular:before{content:"\e653"}.devicons-backbone:before{content:"\e652"}.devicons-coffeescript:before{content:"\e651"}.devicons-jquery:before{content:"\e650"}.devicons-modernizr:before{content:"\e620"}.devicons-jquery_ui:before{content:"\e654"}.devicons-ember:before{content:"\e61b"}.devicons-dojo:before{content:"\e61c"}.devicons-nodejs:before{content:"\e619"}.devicons-nodejs_small:before{content:"\e618"}.devicons-javascript_shield:before{content:"\e64f"}.devicons-bootstrap:before{content:"\e647"}.devicons-sass:before{content:"\e64b"}.devicons-css3_full:before{content:"\e64a"}.devicons-css3:before{content:"\e649"}.devicons-html5:before{content:"\e636"}.devicons-html5_multimedia:before{content:"\e632"}.devicons-html5_device_access:before{content:"\e633"}.devicons-html5_3d_effects:before{content:"\e635"}.devicons-html5_connectivity:before{content:"\e634"}.devicons-ghost_small:before{content:"\e614"}.devicons-ghost:before{content:"\e61f"}.devicons-magento:before{content:"\e640"}.devicons-joomla:before{content:"\e641"}.devicons-jekyll_small:before{content:"\e60d"}.devicons-drupal:before{content:"\e642"}.devicons-wordpress:before{content:"\e60b"}.devicons-grunt:before{content:"\e64c"}.devicons-bower:before{content:"\e64d"}.devicons-npm:before{content:"\e61e"}.devicons-yahoo_small:before{content:"\e62b"}.devicons-yahoo:before{content:"\e615"}.devicons-bing_small:before{content:"\e600"}.devicons-windows:before{content:"\e60f"}.devicons-linux:before{content:"\e612"}.devicons-ubuntu:before{content:"\e63a"}.devicons-android:before{content:"\e60e"}.devicons-apple:before{content:"\e611"}.devicons-appstore:before{content:"\e613"}.devicons-phonegap:before{content:"\e630"}.devicons-blackberry:before{content:"\e623"}.devicons-stackoverflow:before{content:"\e610"}.devicons-techcrunch:before{content:"\e62c"}.devicons-codrops:before{content:"\e62f"}.devicons-css_tricks:before{content:"\e601"}.devicons-smashing_magazine:before{content:"\e62d"}.devicons-netmagazine:before{content:"\e62e"}.devicons-codepen:before{content:"\e616"}.devicons-cssdeck:before{content:"\e62a"}.devicons-hackernews:before{content:"\e61a"}.devicons-dropbox:before{content:"\e607"}.devicons-google_drive:before{content:"\e631"}.devicons-visualstudio:before{content:"\e60c"}.devicons-unity_small:before{content:"\e621"}.devicons-raspberry_pi:before{content:"\e622"}.devicons-chrome:before{content:"\e643"}.devicons-ie:before{content:"\e644"}.devicons-firefox:before{content:"\e645"}.devicons-opera:before{content:"\e646"}.devicons-safari:before{content:"\e648"}.devicons-swift:before{content:"\e655"}.devicons-symfony:before{content:"\e656"}.devicons-symfony_badge:before{content:"\e657"}.devicons-less:before{content:"\e658"}.devicons-stylus:before{content:"\e659"}.devicons-trello:before{content:"\e65a"}.devicons-atlassian:before{content:"\e65b"}.devicons-jira:before{content:"\e65c"}.devicons-envato:before{content:"\e65d"}.devicons-snap_svg:before{content:"\e65e"}.devicons-raphael:before{content:"\e65f"}.devicons-google_analytics:before{content:"\e660"}.devicons-compass:before{content:"\e661"}.devicons-onedrive:before{content:"\e662"}.devicons-gulp:before{content:"\e663"}.devicons-atom:before{content:"\e664"}.devicons-cisco:before{content:"\e665"}.devicons-nancy:before{content:"\e666"}.devicons-clojure:before{content:"\e668"}.devicons-clojure_alt:before{content:"\e66a"}.devicons-perl:before{content:"\e669"}.devicons-celluloid:before{content:"\e66b"}.devicons-w3c:before{content:"\e66c"}.devicons-redis:before{content:"\e66d"}.devicons-postgresql:before{content:"\e66e"}.devicons-webplatform:before{content:"\e66f"}.devicons-jenkins:before{content:"\e667"}.devicons-requirejs:before{content:"\e670"}.devicons-opensource:before{content:"\e671"}.devicons-typo3:before{content:"\e672"}.devicons-uikit:before{content:"\e673"}.devicons-doctrine:before{content:"\e674"}.devicons-groovy:before{content:"\e675"}.devicons-nginx:before{content:"\e676"}.devicons-haskell:before{content:"\e677"}.devicons-zend:before{content:"\e678"}.devicons-gnu:before{content:"\e679"}.devicons-yeoman:before{content:"\e67a"}.devicons-heroku:before{content:"\e67b"}.devicons-debian:before{content:"\e67d"}.devicons-travis:before{content:"\e67e"}.devicons-dotnet:before{content:"\e67f"}.devicons-codeigniter:before{content:"\e680"}.devicons-javascript_badge:before{content:"\e681"}.devicons-yii:before{content:"\e682"}.devicons-msql_server:before{content:"\e67c"}.devicons-composer:before{content:"\e683"}.devicons-krakenjs_badge:before{content:"\e684"}.devicons-krakenjs:before{content:"\e685"}.devicons-mozilla:before{content:"\e686"}.devicons-firebase:before{content:"\e687"}.devicons-sizzlejs:before{content:"\e688"}.devicons-creativecommons:before{content:"\e689"}.devicons-creativecommons_badge:before{content:"\e68a"}.devicons-mitlicence:before{content:"\e68b"}.devicons-senchatouch:before{content:"\e68c"}.devicons-bugsense:before{content:"\e68d"}.devicons-extjs:before{content:"\e68e"}.devicons-mootools_badge:before{content:"\e68f"}.devicons-mootools:before{content:"\e690"}.devicons-ruby_rough:before{content:"\e691"}.devicons-komodo:before{content:"\e692"}.devicons-coda:before{content:"\e693"}.devicons-bintray:before{content:"\e694"}.devicons-terminal:before{content:"\e695"}.devicons-code:before{content:"\e696"}.devicons-responsive:before{content:"\e697"}.devicons-dart:before{content:"\e698"}.devicons-aptana:before{content:"\e699"}.devicons-mailchimp:before{content:"\e69a"}.devicons-netbeans:before{content:"\e69b"}.devicons-dreamweaver:before{content:"\e69c"}.devicons-brackets:before{content:"\e69d"}.devicons-eclipse:before{content:"\e69e"}.devicons-cloud9:before{content:"\e69f"}.devicons-scrum:before{content:"\e6a0"}.devicons-prolog:before{content:"\e6a1"}.devicons-terminal_badge:before{content:"\e6a2"}.devicons-code_badge:before{content:"\e6a3"}.devicons-mongodb:before{content:"\e6a4"}.devicons-meteor:before{content:"\e6a5"}.devicons-meteorfull:before{content:"\e6a6"}.devicons-fsharp:before{content:"\e6a7"}.devicons-rust:before{content:"\e6a8"}.devicons-ionic:before{content:"\e6a9"}.devicons-sublime:before{content:"\e6aa"}.devicons-appcelerator:before{content:"\e6ab"}.devicons-asterisk:before{content:"\e6ac"}.devicons-aws:before{content:"\e6ad"}.devicons-digital-ocean:before{content:"\e6ae"}.devicons-dlang:before{content:"\e6af"}.devicons-docker:before{content:"\e6b0"}.devicons-erlang:before{content:"\e6b1"}.devicons-google-cloud-platform:before{content:"\e6b2"}.devicons-grails:before{content:"\e6b3"}.devicons-illustrator:before{content:"\e6b4"}.devicons-intellij:before{content:"\e6b5"}.devicons-materializecss:before{content:"\e6b6"}.devicons-openshift:before{content:"\e6b7"}.devicons-photoshop:before{content:"\e6b8"}.devicons-rackspace:before{content:"\e6b9"}.devicons-react:before{content:"\e6ba"}.devicons-redhat:before{content:"\e6bb"}.devicons-scriptcs:before{content:"\e6bc"}.devicons-sqllite:before{content:"\e6c4"}.devicons-vim:before{content:"\e6c5"}
\ No newline at end of file
/*!
* Devicons 1.8.0 made by Theodore Vorillas / http://vorillaz.com
*/
@font-face {
font-family: 'devicons';
src:url('../fonts/devicons.eot?xqxft6');
src:url('../fonts/devicons.eot?#iefixxqxft6') format('embedded-opentype'),
url('../fonts/devicons.woff?xqxft6') format('woff'),
url('../fonts/devicons.ttf?xqxft6') format('truetype'),
url('../fonts/devicons.svg?xqxft6#devicons') format('svg');
font-weight: normal;
font-style: normal;
}
.devicons {
font-family: 'devicons';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
$devicons: (git "\e602"),
(git_compare "\e628"),
(git_branch "\e625"),
(git_commit "\e629"),
(git_pull_request "\e626"),
(git_merge "\e627"),
(bitbucket "\e603"),
(github_alt "\e608"),
(github_badge "\e609"),
(github "\e60a"),
(github_full "\e617"),
(java "\e638"),
(ruby "\e639"),
(scala "\e637"),
(python "\e63c"),
(go "\e624"),
(ruby_on_rails "\e63b"),
(django "\e61d"),
(markdown "\e63e"),
(php "\e63d"),
(mysql "\e604"),
(streamline "\e605"),
(database "\e606"),
(laravel "\e63f"),
(javascript "\e64e"),
(angular "\e653"),
(backbone "\e652"),
(coffeescript "\e651"),
(jquery "\e650"),
(modernizr "\e620"),
(jquery_ui "\e654"),
(ember "\e61b"),
(dojo "\e61c"),
(nodejs "\e619"),
(nodejs_small "\e618"),
(javascript_shield "\e64f"),
(bootstrap "\e647"),
(sass "\e64b"),
(css3_full "\e64a"),
(css3 "\e649"),
(html5 "\e636"),
(html5_multimedia "\e632"),
(html5_device_access "\e633"),
(html5_3d_effects "\e635"),
(html5_connectivity "\e634"),
(ghost_small "\e614"),
(ghost "\e61f"),
(magento "\e640"),
(joomla "\e641"),
(jekyll_small "\e60d"),
(drupal "\e642"),
(wordpress "\e60b"),
(grunt "\e64c"),
(bower "\e64d"),
(npm "\e61e"),
(yahoo_small "\e62b"),
(yahoo "\e615"),
(bing_small "\e600"),
(windows "\e60f"),
(linux "\e612"),
(ubuntu "\e63a"),
(android "\e60e"),
(apple "\e611"),
(appstore "\e613"),
(phonegap "\e630"),
(blackberry "\e623"),
(stackoverflow "\e610"),
(techcrunch "\e62c"),
(codrops "\e62f"),
(css_tricks "\e601"),
(smashing_magazine "\e62d"),
(netmagazine "\e62e"),
(codepen "\e616"),
(cssdeck "\e62a"),
(hackernews "\e61a"),
(dropbox "\e607"),
(google_drive "\e631"),
(visualstudio "\e60c"),
(unity_small "\e621"),
(raspberry_pi "\e622"),
(chrome "\e643"),
(ie "\e644"),
(firefox "\e645"),
(opera "\e646"),
(safari "\e648"),
(swift "\e655"),
(symfony "\e656"),
(symfony_badge "\e657"),
(less "\e658"),
(stylus "\e659"),
(trello "\e65a"),
(atlassian "\e65b"),
(jira "\e65c"),
(envato "\e65d"),
(snap_svg "\e65e"),
(raphael "\e65f"),
(google_analytics "\e660"),
(compass "\e661"),
(onedrive "\e662"),
(gulp "\e663"),
(atom "\e664"),
(cisco "\e665"),
(nancy "\e666"),
(clojure "\e668"),
(clojure_alt "\e66a"),
(perl "\e669"),
(celluloid "\e66b"),
(w3c "\e66c"),
(redis "\e66d"),
(postgresql "\e66e"),
(webplatform "\e66f"),
(jenkins "\e667"),
(requirejs "\e670"),
(opensource "\e671"),
(typo3 "\e672"),
(uikit "\e673"),
(doctrine "\e674"),
(groovy "\e675"),
(nginx "\e676"),
(haskell "\e677"),
(zend "\e678"),
(gnu "\e679"),
(yeoman "\e67a"),
(heroku "\e67b"),
/* new in 1.5.0 */
(debian "\e67d"),
(travis "\e67e"),
(dotnet "\e67f"),
(codeigniter "\e680"),
(javascript_badge "\e681"),
(yii "\e682"),
(msql_server "\e67c"),
(composer "\e683"),
(krakenjs_badge "\e684"),
(krakenjs "\e685"),
(mozilla "\e686"),
(firebase "\e687"),
(sizzlejs "\e688"),
(creativecommons "\e689"),
(creativecommons_badge "\e68a"),
(mitlicence "\e68b"),
(senchatouch "\e68c"),
(bugsense "\e68d"),
(extjs "\e68e"),
(mootools_badge "\e68f"),
(mootools "\e690"),
(ruby_rough "\e691"),
(komodo "\e692"),
(coda "\e693"),
(bintray "\e694"),
(terminal "\e695"),
(code "\e696"),
(responsive "\e697"),
(dart "\e698"),
(aptana "\e699"),
(mailchimp "\e69a"),
(netbeans "\e69b"),
(dreamweaver "\e69c"),
(brackets "\e69d"),
(eclipse "\e69e"),
(cloud9 "\e69f"),
(scrum "\e6a0"),
(prolog "\e6a1"),
(terminal_badge "\e6a2"),
(code_badge "\e6a3"),
(mongodb "\e6a4"),
(meteor "\e6a5"),
(meteorfull "\e6a6"),
(fsharp "\e6a7"),
(rust "\e6a8"),
(ionic "\e6a9"),
(sublime "\e6aa"),
(appcelerator "\e6ab"),
(asterisk "\e6ac"),
(aws "\e6ad"),
(digital-ocean "\e6ae"),
(dlang "\e6af"),
(docker "\e6b0"),
(erlang "\e6b1"),
(google-cloud-platform "\e6b2"),
(grails "\e6b3"),
(illustrator "\e6b4"),
(intellij "\e6b5"),
(materializecss "\e6b6"),
(openshift "\e6b7"),
(photoshop "\e6b8"),
(rackspace "\e6b9"),
(react "\e6ba"),
(redhat "\e6bb"),
(scriptcs "\e6bc"),
(sqllite "\e6c4"),
(vim "\e6c5");
@each $devicon in $devicons {
$iconClass: nth($devicon, 1);
$iconClassBefore: nth($devicon, 2);
.devicons-#{$iconClass}{
&:before{
content: "#{$iconClassBefore}";
}
}
}
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
// 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; }
}
// 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;
}
/*!
* 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.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";
@import "screen-reader.less";
This diff is collapsed.
// 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
// --------------------------
.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(); }
// 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; }
This diff is collapsed.
// 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;
}
This diff is collapsed.
// 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;
}
// Screen Readers
// -------------------------
.sr-only { @include sr-only(); }
.sr-only-focusable { @include sr-only-focusable(); }
// 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; }
This diff is collapsed.
/*!
* 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";
/*
* Easing Compatibility v1 - http://gsgd.co.uk/sandbox/jquery/easing
*
* Adds compatibility for applications that use the pre 1.2 easing names
*
* Copyright (c) 2007 George Smith
* Licensed under the MIT License:
* http://www.opensource.org/licenses/mit-license.php
*/
(function($){
$.extend( $.easing,
{
easeIn: function (x, t, b, c, d) {
return $.easing.easeInQuad(x, t, b, c, d);
},
easeOut: function (x, t, b, c, d) {
return $.easing.easeOutQuad(x, t, b, c, d);
},
easeInOut: function (x, t, b, c, d) {
return $.easing.easeInOutQuad(x, t, b, c, d);
},
expoin: function(x, t, b, c, d) {
return $.easing.easeInExpo(x, t, b, c, d);
},
expoout: function(x, t, b, c, d) {
return $.easing.easeOutExpo(x, t, b, c, d);
},
expoinout: function(x, t, b, c, d) {
return $.easing.easeInOutExpo(x, t, b, c, d);
},
bouncein: function(x, t, b, c, d) {
return $.easing.easeInBounce(x, t, b, c, d);
},
bounceout: function(x, t, b, c, d) {
return $.easing.easeOutBounce(x, t, b, c, d);
},
bounceinout: function(x, t, b, c, d) {
return $.easing.easeInOutBounce(x, t, b, c, d);
},
elasin: function(x, t, b, c, d) {
return $.easing.easeInElastic(x, t, b, c, d);
},
elasout: function(x, t, b, c, d) {
return $.easing.easeOutElastic(x, t, b, c, d);
},
elasinout: function(x, t, b, c, d) {
return $.easing.easeInOutElastic(x, t, b, c, d);
},
backin: function(x, t, b, c, d) {
return $.easing.easeInBack(x, t, b, c, d);
},
backout: function(x, t, b, c, d) {
return $.easing.easeOutBack(x, t, b, c, d);
},
backinout: function(x, t, b, c, d) {
return $.easing.easeInOutBack(x, t, b, c, d);
}
});})(jQuery);
This diff is collapsed.
(function(factory){if(typeof define==="function"&&define.amd){define(["jquery"],function($){return factory($)})}else if(typeof module==="object"&&typeof module.exports==="object"){exports=factory(require("jquery"))}else{factory(jQuery)}})(function($){$.easing.jswing=$.easing.swing;var pow=Math.pow,sqrt=Math.sqrt,sin=Math.sin,cos=Math.cos,PI=Math.PI,c1=1.70158,c2=c1*1.525,c3=c1+1,c4=2*PI/3,c5=2*PI/4.5;function bounceOut(x){var n1=7.5625,d1=2.75;if(x<1/d1){return n1*x*x}else if(x<2/d1){return n1*(x-=1.5/d1)*x+.75}else if(x<2.5/d1){return n1*(x-=2.25/d1)*x+.9375}else{return n1*(x-=2.625/d1)*x+.984375}}$.extend($.easing,{def:"easeOutQuad",swing:function(x){return $.easing[$.easing.def](x)},easeInQuad:function(x){return x*x},easeOutQuad:function(x){return 1-(1-x)*(1-x)},easeInOutQuad:function(x){return x<.5?2*x*x:1-pow(-2*x+2,2)/2},easeInCubic:function(x){return x*x*x},easeOutCubic:function(x){return 1-pow(1-x,3)},easeInOutCubic:function(x){return x<.5?4*x*x*x:1-pow(-2*x+2,3)/2},easeInQuart:function(x){return x*x*x*x},easeOutQuart:function(x){return 1-pow(1-x,4)},easeInOutQuart:function(x){return x<.5?8*x*x*x*x:1-pow(-2*x+2,4)/2},easeInQuint:function(x){return x*x*x*x*x},easeOutQuint:function(x){return 1-pow(1-x,5)},easeInOutQuint:function(x){return x<.5?16*x*x*x*x*x:1-pow(-2*x+2,5)/2},easeInSine:function(x){return 1-cos(x*PI/2)},easeOutSine:function(x){return sin(x*PI/2)},easeInOutSine:function(x){return-(cos(PI*x)-1)/2},easeInExpo:function(x){return x===0?0:pow(2,10*x-10)},easeOutExpo:function(x){return x===1?1:1-pow(2,-10*x)},easeInOutExpo:function(x){return x===0?0:x===1?1:x<.5?pow(2,20*x-10)/2:(2-pow(2,-20*x+10))/2},easeInCirc:function(x){return 1-sqrt(1-pow(x,2))},easeOutCirc:function(x){return sqrt(1-pow(x-1,2))},easeInOutCirc:function(x){return x<.5?(1-sqrt(1-pow(2*x,2)))/2:(sqrt(1-pow(-2*x+2,2))+1)/2},easeInElastic:function(x){return x===0?0:x===1?1:-pow(2,10*x-10)*sin((x*10-10.75)*c4)},easeOutElastic:function(x){return x===0?0:x===1?1:pow(2,-10*x)*sin((x*10-.75)*c4)+1},easeInOutElastic:function(x){return x===0?0:x===1?1:x<.5?-(pow(2,20*x-10)*sin((20*x-11.125)*c5))/2:pow(2,-20*x+10)*sin((20*x-11.125)*c5)/2+1},easeInBack:function(x){return c3*x*x*x-c1*x*x},easeOutBack:function(x){return 1+c3*pow(x-1,3)+c1*pow(x-1,2)},easeInOutBack:function(x){return x<.5?pow(2*x,2)*((c2+1)*2*x-c2)/2:(pow(2*x-2,2)*((c2+1)*(x*2-2)+c2)+2)/2},easeInBounce:function(x){return 1-bounceOut(1-x)},easeOutBounce:bounceOut,easeInOutBounce:function(x){return x<.5?(1-bounceOut(1-2*x))/2:(1+bounceOut(2*x-1))/2}})});
\ No newline at end of file
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
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