diff --git a/README.md b/README.md old mode 100644 new mode 100755 diff --git a/assets/bootstrap/less/bootstrap-docs.import.less b/assets/bootstrap/less/bootstrap-docs.import.less old mode 100644 new mode 100755 diff --git a/assets/bootstrap/less/prettify.import.less b/assets/bootstrap/less/prettify.import.less old mode 100644 new mode 100755 diff --git a/assets/fonts/flat-ui-icons-regular.eot b/assets/fonts/flat-ui-icons-regular.eot deleted file mode 100644 index 656ca08..0000000 Binary files a/assets/fonts/flat-ui-icons-regular.eot and /dev/null differ diff --git a/assets/fonts/flat-ui-icons-regular.svg b/assets/fonts/flat-ui-icons-regular.svg deleted file mode 100644 index 91087b3..0000000 --- a/assets/fonts/flat-ui-icons-regular.svg +++ /dev/null @@ -1,140 +0,0 @@ - - - - -This is a custom SVG font generated by IcoMoon. - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/assets/fonts/flat-ui-icons-regular.ttf b/assets/fonts/flat-ui-icons-regular.ttf deleted file mode 100644 index 73f7f4a..0000000 Binary files a/assets/fonts/flat-ui-icons-regular.ttf and /dev/null differ diff --git a/assets/fonts/flat-ui-icons-regular.woff b/assets/fonts/flat-ui-icons-regular.woff deleted file mode 100644 index 7b8f80f..0000000 Binary files a/assets/fonts/flat-ui-icons-regular.woff and /dev/null differ diff --git a/assets/fonts/lato/lato-black.eot b/assets/fonts/lato/lato-black.eot old mode 100644 new mode 100755 diff --git a/assets/fonts/lato/lato-black.svg b/assets/fonts/lato/lato-black.svg old mode 100644 new mode 100755 diff --git a/assets/fonts/lato/lato-black.ttf b/assets/fonts/lato/lato-black.ttf old mode 100644 new mode 100755 diff --git a/assets/fonts/lato/lato-black.woff b/assets/fonts/lato/lato-black.woff old mode 100644 new mode 100755 diff --git a/assets/fonts/lato/lato-bold.eot b/assets/fonts/lato/lato-bold.eot old mode 100644 new mode 100755 diff --git a/assets/fonts/lato/lato-bold.svg b/assets/fonts/lato/lato-bold.svg old mode 100644 new mode 100755 diff --git a/assets/fonts/lato/lato-bold.ttf b/assets/fonts/lato/lato-bold.ttf old mode 100644 new mode 100755 diff --git a/assets/fonts/lato/lato-bold.woff b/assets/fonts/lato/lato-bold.woff old mode 100644 new mode 100755 diff --git a/assets/fonts/lato/lato-bolditalic.eot b/assets/fonts/lato/lato-bolditalic.eot old mode 100644 new mode 100755 diff --git a/assets/fonts/lato/lato-bolditalic.svg b/assets/fonts/lato/lato-bolditalic.svg old mode 100644 new mode 100755 diff --git a/assets/fonts/lato/lato-bolditalic.ttf b/assets/fonts/lato/lato-bolditalic.ttf old mode 100644 new mode 100755 diff --git a/assets/fonts/lato/lato-bolditalic.woff b/assets/fonts/lato/lato-bolditalic.woff old mode 100644 new mode 100755 diff --git a/assets/fonts/lato/lato-italic.eot b/assets/fonts/lato/lato-italic.eot old mode 100644 new mode 100755 diff --git a/assets/fonts/lato/lato-italic.svg b/assets/fonts/lato/lato-italic.svg old mode 100644 new mode 100755 diff --git a/assets/fonts/lato/lato-italic.ttf b/assets/fonts/lato/lato-italic.ttf old mode 100644 new mode 100755 diff --git a/assets/fonts/lato/lato-italic.woff b/assets/fonts/lato/lato-italic.woff old mode 100644 new mode 100755 diff --git a/assets/fonts/lato/lato-light.eot b/assets/fonts/lato/lato-light.eot old mode 100644 new mode 100755 diff --git a/assets/fonts/lato/lato-light.svg b/assets/fonts/lato/lato-light.svg old mode 100644 new mode 100755 diff --git a/assets/fonts/lato/lato-light.ttf b/assets/fonts/lato/lato-light.ttf old mode 100644 new mode 100755 diff --git a/assets/fonts/lato/lato-light.woff b/assets/fonts/lato/lato-light.woff old mode 100644 new mode 100755 diff --git a/assets/fonts/lato/lato-regular.eot b/assets/fonts/lato/lato-regular.eot old mode 100644 new mode 100755 diff --git a/assets/fonts/lato/lato-regular.svg b/assets/fonts/lato/lato-regular.svg old mode 100644 new mode 100755 diff --git a/assets/fonts/lato/lato-regular.ttf b/assets/fonts/lato/lato-regular.ttf old mode 100644 new mode 100755 diff --git a/assets/fonts/lato/lato-regular.woff b/assets/fonts/lato/lato-regular.woff old mode 100644 new mode 100755 diff --git a/assets/icons/internal/tick.png b/assets/icons/internal/tick.png deleted file mode 100644 index f6771da..0000000 Binary files a/assets/icons/internal/tick.png and /dev/null differ diff --git a/assets/icons/png/Book.png b/assets/icons/png/Book.png old mode 100644 new mode 100755 diff --git a/assets/icons/png/Calendar.png b/assets/icons/png/Calendar.png old mode 100644 new mode 100755 diff --git a/assets/icons/png/Chat.png b/assets/icons/png/Chat.png old mode 100644 new mode 100755 diff --git a/assets/icons/png/Clipboard.png b/assets/icons/png/Clipboard.png old mode 100644 new mode 100755 diff --git a/assets/icons/png/Compas.png b/assets/icons/png/Compas.png old mode 100644 new mode 100755 diff --git a/assets/icons/png/Gift-Box.png b/assets/icons/png/Gift-Box.png old mode 100644 new mode 100755 diff --git a/assets/icons/png/Infinity-Loop.png b/assets/icons/png/Infinity-Loop.png old mode 100644 new mode 100755 diff --git a/assets/icons/png/Mail.png b/assets/icons/png/Mail.png old mode 100644 new mode 100755 diff --git a/assets/icons/png/Map.png b/assets/icons/png/Map.png old mode 100644 new mode 100755 diff --git a/assets/icons/png/Pensils.png b/assets/icons/png/Pensils.png old mode 100644 new mode 100755 diff --git a/assets/icons/png/Pocket.png b/assets/icons/png/Pocket.png old mode 100644 new mode 100755 diff --git a/assets/icons/png/Retina-Ready.png b/assets/icons/png/Retina-Ready.png old mode 100644 new mode 100755 diff --git a/assets/icons/png/Toilet-Paper.png b/assets/icons/png/Toilet-Paper.png old mode 100644 new mode 100755 diff --git a/assets/icons/png/Watches.png b/assets/icons/png/Watches.png old mode 100644 new mode 100755 diff --git a/assets/icons/svg/book.svg b/assets/icons/svg/book.svg old mode 100644 new mode 100755 diff --git a/assets/icons/svg/calendar.svg b/assets/icons/svg/calendar.svg old mode 100644 new mode 100755 diff --git a/assets/icons/svg/chat.svg b/assets/icons/svg/chat.svg old mode 100644 new mode 100755 diff --git a/assets/icons/svg/clipboard.svg b/assets/icons/svg/clipboard.svg old mode 100644 new mode 100755 diff --git a/assets/icons/svg/clocks.svg b/assets/icons/svg/clocks.svg old mode 100644 new mode 100755 diff --git a/assets/icons/svg/compas.svg b/assets/icons/svg/compas.svg old mode 100644 new mode 100755 diff --git a/assets/icons/svg/gift-box.svg b/assets/icons/svg/gift-box.svg old mode 100644 new mode 100755 diff --git a/assets/icons/svg/loop.svg b/assets/icons/svg/loop.svg old mode 100644 new mode 100755 diff --git a/assets/icons/svg/mail.svg b/assets/icons/svg/mail.svg old mode 100644 new mode 100755 diff --git a/assets/icons/svg/map.svg b/assets/icons/svg/map.svg old mode 100644 new mode 100755 diff --git a/assets/icons/svg/paper-bag.svg b/assets/icons/svg/paper-bag.svg old mode 100644 new mode 100755 diff --git a/assets/icons/svg/pencils.svg b/assets/icons/svg/pencils.svg old mode 100644 new mode 100755 diff --git a/assets/icons/svg/retina.svg b/assets/icons/svg/retina.svg old mode 100644 new mode 100755 diff --git a/assets/icons/svg/toilet-paper.svg b/assets/icons/svg/toilet-paper.svg old mode 100644 new mode 100755 diff --git a/assets/less/demo.import.less b/assets/less/demo.import.less deleted file mode 100644 index 926cef9..0000000 --- a/assets/less/demo.import.less +++ /dev/null @@ -1,306 +0,0 @@ -// Demo Flat UI Free - - -// Loading config with variables (changing them leads to changing a color scheme) -@import "variables"; - -// Utility mixins for greater good -@import "mixins"; - -.container { - width: 970px !important; -} - -// For demo purposes only -.demo-headline { - padding: 73px 0 110px; - text-align: center; -} -.demo-logo { - font: 900 90px/100px @font-family-demo; - letter-spacing: -2px; - margin: 10px 0; - - .logo { - background: ~"url(../images/demo/logo-mask.png) center 0 no-repeat"; - background-size: 236px 181px; - height: 181px; - margin: 0 auto 26px; - overflow: hidden; - text-indent: -9999em; - width: 236px; - } - small { - color: fadeout(@brand-primary, 70%); - display: block; - font-size: 22px; - font-weight: 700; - letter-spacing: 0; - padding-top: 5px; - } -} -// Panels delimiter -.demo-row { - margin-bottom: 20px; - - .demo-heading-note, - .demo-text-note { - display: block; - width: 260px; - position: absolute; - bottom: 10px; - left: 0; - font-size: 13px; - line-height: 13px; - color: mix(desaturate(@brand-primary, 25%), white, 34%); - font-weight: 400; - } - .demo-text-note { - bottom: auto; - top: 10px; - } - - &.typography-row { - .demo-content { - float: none; - width: auto; - clear: both; - } - .demo-type-example { - padding-left: 25%; - margin-bottom: 40px; - position: relative; - } - } -} -.demo-section-title { - font: 900 32px/40px @font-family-demo; - margin: 10px 0; -} -.demo-panel-title { - padding-top: 20px; - margin: 2px 0 20px; - font: bold 23px/40px @font-family-demo; - - small { - color: mix(@brand-primary, @inverse, 66%); - font-size: inherit; - font-weight: 400; - } -} -// Shift blocks to fit design -.demo-navigation { - margin-bottom: -4px; - margin-top: -10px; -} -.demo-pager { - margin-top: -20px; -} -.demo-tooltips { - height: 126px; - - // Needed just for the demo. Don't use it in producion ;) - .tooltip { - left: -8px !important; - position: relative !important; - top: -8px !important; - } -} -.demo-headings { - margin-bottom: 12px; -} -.demo-tiles { - margin-bottom: 46px -} - -.demo-icons { - font-size: 32px; - margin-left: -20px; - padding-left: 20px; - - .demo-content { - margin: 0 0 0 -35px; - - > span { - display: inline-block; - margin: 0 0 32px 35px; - width: 24px; - font-size: 24px; - } - } -} - -.demo-icons-tooltip { - bottom: 0; - color: mix(@brand-primary, @inverse, 30%); - font-size: 12px; - left: 100%; - margin-left: 0 !important; - position: absolute; - width: 80px; -} - -// Illustration Icons -// -------------------------------------------------- -.demo-illustrations { - - .demo-content { - margin: 0 0 0 -40px; - padding-top: 20px; - .clearfix(); - - > div { - float: left; - width: 100px; - height: 100px; - line-height: 100px; - margin: 0 0 40px 40px; - text-align: center; - } - } - img { - display: inline-block; - max-height: 100px; - max-width: 100px; - vertical-align: middle; - } -} - -.demo-samples { - margin-bottom: 46px; -} -.demo-video { - padding-top: 95px; - border-radius: @border-radius-large; -} -.demo-download-section { - float: none; - margin: 0 auto; - padding: 60px 0 90px 20px; - text-align: center; - - [class*='fui-'] { - margin: 3px 0 -3px; - } -} -.demo-download { - background-color: mix(@brand-primary, @inverse, 10%); - height: 190px; - margin: 0 auto 32px; - padding: 40px 28px 30px 32px; - text-align: center; - width: 190px; - border-radius: 50%; - - img { - height: 104px; - width: 82px; - } -} -.demo-download-text { - font-size: 15px; - padding: 20px 0; - text-align: center; -} -.demo-text-box { - a:hover { - color: @brand-secondary; - } -} -.demo-browser { - background: mix(@brand-primary, black, 85%) url(../images/demo/browser.png) 0 0 no-repeat; - background-size: 659px 42px; - color: @inverse; - margin: 0 41px 140px 0; - padding-top: 42px; - border-radius: 0 0 @border-radius-large @border-radius-large; -} -.demo-browser-side { - float: left; - padding: 22px 20px; - width: 151px; - - > h5 { - font-size: 16px; - margin-top: 4px; - margin-bottom: 3px; - text-transform: none; - font-weight: 400; - } - > h6 { - font-size: 11px; - font-weight: 300; - line-height: 18px; - margin-top: 3px; - text-transform: none; - -webkit-font-smoothing: subpixel-antialiased; - } -} -.demo-browser-author { - background: ~"url(../images/demo/browser-author.jpg) center center no-repeat"; - border: 3px solid @inverse; - display: block; - height: 84px; - margin: 0 auto; - width: 84px; - border-radius: 50%; -} -.demo-browser-action { - padding: 30px 0 12px; - - > .btn { - padding: 7px 0 8px 11px !important; - text-align: left; - border-radius: @border-radius-small; - - &:before { - color: @inverse; - content: '\e009'; - font-size: 16px; - font-family: 'Flat-UI-Icons'; - font-weight: 300; - margin-right: 12px; - position: relative; - top: 1px; - -webkit-font-smoothing: antialiased; - } - } -} -.demo-browser-content { - background-color: @brand-primary; - overflow: hidden; - padding: 21px 0 0 20px; - border-radius: 0 0 @border-radius-large; - - > img { - border: 6px solid @inverse; - float: left; - margin: 0 15px 20px 0; - width: 146px; - } -} -// Serving 2x images -@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 2) { - .logo { - background-image: url(../images/demo/logo-mask-2x.png) - } - .demo-browser { - background-image: url(../images/demo/browser-2x.png) - } -} - -// Shatches -.demo-swatches-row { - [class*="col"] { - float: left; - min-height: 1px; - } - .swatches-col { - width: 800px; - margin-left: -5px; - } - .swatches-desc-col { - width: 140px; - margin-left: 20px; - } -} \ No newline at end of file diff --git a/assets/less/docs.import.less b/assets/less/docs.import.less deleted file mode 100644 index 9175537..0000000 --- a/assets/less/docs.import.less +++ /dev/null @@ -1,411 +0,0 @@ -// Flat UI Documentation - - -// Loading config with variables (changing them leads to changing a color scheme) -@import "variables"; - -// Utility mixins for greater good -@import "mixins"; - -.prettyprint { - overflow: auto; - - &.linenums { - overflow: visible; - white-space: pre; - white-space: pre-wrap; - word-wrap: break-word; - } -} - -// For demo purposes only -.demo-headline { - color: @brand-secondary; - font: 700 118px/1.1 @font-family-demo !important; - margin-bottom: 50px; - margin-top: 2px; - padding: 40px 0; - text-align: center; - word-wrap: break-word; -} - -// Panels delimiter -.demo-row { - margin: 0 auto; - padding: 0 20px 50px; - width: 940px; - .clearfix(); - - .demo-heading-note, - .demo-text-note { - display: block; - width: 260px; - position: absolute; - bottom: 10px; - left: 0; - font-size: 13px; - line-height: 13px; - color: mix(desaturate(@brand-primary, 25%), white, 34%); - font-weight: 400; - } - .demo-text-note { - bottom: auto; - top: 10px; - } - &.menu-row { - padding: 50px 20px 10px; - } - &.typography-row { - .demo-content { - float: none; - margin-left: 20px; - padding-top: 0; - width: auto; - clear: both; - } - .demo-type-example { - padding-left: 265px; - margin-bottom: 40px; - position: relative; - } - } -} - -.demo-col { - float: left; - margin: 0 20px; - width: 270px; -} - -.demo-content { - float: left; - margin-left: 20px; - width: 580px; - - &.demo-content-article { - font-size: ceil(@font-size-base * 1.285); - p { margin-bottom: 20px; } - - ul { - list-style-type: none; - margin-left: 0; - } - - li { - line-height: ceil(@font-size-base * 1.285 * 1.5); - padding: 0 0 5px; - } - } -} - -.demo-content-wide { - clear: both; - margin: 0 20px; - .clearfix(); -} - -.demo-title { - float: left; - margin: -0.5em 20px 0; - width: 240px; - font: 700 24.5px/40px @font-family-demo; - - h1, h2, h3, h4 { - margin-top: 0; - font-family: @font-family-demo; - } - h1, h2, h3 { - line-height: 40px !important; - } - h3 { - font-size: 24.5px !important; - } - small { - color: mix(desaturate(@brand-primary, 25%), white, 34%); - font-size: 13px; - font-weight: 400; - } -} - -.demo-buttons .btn, -.demo-inputs .control-group { - margin-bottom: 20px; -} - -.demo-navigation { - .demo-title { - margin-top: 10px; - } -} - -.demo-pager { - margin-top: -10px; -} - -.demo-tooltips { - height: 100px; - // Needed just for the demo. Don't use it in producion ;) - - .tooltip { - left: -8px !important; - position: relative !important; - top: -8px !important; - } - .tooltip-inner { - max-width: 100%; - width: auto; - } -} - -.demo-popovers { - .popover { - display: block; - margin: 0 13px 0 -3px; - position: relative; - width: auto; - } -} - -.demo-social-buttons { - .btn { - clear: left; - float: left; - margin-bottom: 17px; - } -} - -.demo-headings { - margin-bottom: 12px; -} - -.demo-tiles { - margin-bottom: 46px; -} - -.demo-icons { - font-size: 32px; - margin-left: -15px; - - > span { - display: inline-block; - margin: 0 0 32px 35px; - width: 32px; - } - - @media (max-width: 480px) { - & { - > span { - margin-left: 16px; - margin-right: 16px; - } - } - } -} - -.demo-icons-tooltip { - bottom: 0; - color: mix(@brand-primary, white, 30%); - font-size: 12px; - left: 100%; - margin-left: 0 !important; - position: absolute; - width: 80px; -} - -.demo-inline { - display: inline-block; -} - -.demo-labels { - font-size: ceil(@font-size-base * 1.357); - - .visible-lg { - display: inline !important; - - @media (max-width: 767px) { - & { - display: none !important; - } - } - } -} - - -// Illustration Icons -// -------------------------------------------------- -.demo-illustrations { - margin-top: 40px; - - .demo-content-wide { - margin: 0 0 0 -66px; - padding-top: 20px; - - > div { - float: left; - width: 100px; - height: 100px; - line-height: 100px; - margin: 0 0 80px 87px; - text-align: center; - vertical-align: middle; - } - } - img { - display: inline-block; - max-height: 100px; - max-width: 100px; - vertical-align: middle; - } -} - -// Dialog with form inside -.demo-dialog { - padding: 13px 20px 15px; - - .flat { - width: 300px; - } -} - -// Static Modal -.static-modal-backdrop { - background-color: mix(@brand-primary, black, 70%); - padding: 62px 14px; - margin-bottom: 50px; - width: 100%; - - .modal { - bottom: auto; - display: block; - left: auto; - position: relative; - right: auto; - top: auto; - z-index: 1; - overflow: hidden; - padding-bottom: 20px; - } - .modal-dialog { - padding: 0; - } -} - -.components-static-modal { - .modal { - bottom: auto; - display: block; - left: auto; - position: relative; - right: auto; - top: auto; - z-index: 1; - overflow: visible; - } - .modal-dialog, - .modal-content { - width: auto; - } - .modal-dialog { - padding: 0; - } -} - -// Sidebar for Components navigation -.demo-sidebar { - font-size: floor(@font-size-base * 0.778); // ~14px - line-height: 1.214; // ~17px - height: 100%; - left: 0; - margin: 0; - list-style-type: none; - overflow: auto; - position: fixed; - top: 0; - padding: 0; - width: 150px; - z-index: 10000; - background-color: mix(@brand-primary, white, 6%); - -webkit-backface-visibility: hidden; - -webkit-font-smoothing: subpixel-antialiased; - - li { - &:first-child { - a { - padding-top: 20px; - } - } - } - - a { - display: block; - padding: 7px 20px; - } -} - -// -// Responsive: Landscape phone to desktop/tablet -// -------------------------------------------------- -@media (max-width: 767px) { - .demo-row { - margin-bottom: 0; - margin-left: 0; - padding-left: 0; - padding-right: 0; - width: auto; - } - .demo-col, - .demo-content, - .demo-content-wide, - .demo-title { - float: none; - margin: 0 0 18px !important; - padding: 0 !important; - width: auto; - } - .demo-headline { - font-size: ceil(@font-size-base * 3.611) !important; - text-align: left; - padding-left: 15px; - padding-right: 15px; - } - - .demo-inline { display: block; } - - .demo-navigation { - .btn-toolbar { - margin: 0; - } - - .pager { - display: block; - margin-left: 0 !important; - margin-bottom: 20px; - } - } - .typography-row { - .demo-type-example { - padding-left: 0 !important; - } - .demo-heading-note, - .demo-text-note { - position: static !important; - margin: 0 0 10px; - } - } - .demo-illustrations .demo-content-wide > div { - margin-left: 67px; - } -} - -@media (max-width: 480px) { - .demo-illustrations .demo-content-wide > div { - margin-left: 23px; - } - .demo-navigation { - .mll.pvl { - padding: 0; - margin-left: 0 !important; - margin-bottom: 20px; - } - } -} \ No newline at end of file diff --git a/assets/less/flat-ui.import.less b/assets/less/flat-ui.import.less old mode 100644 new mode 100755 index 1c84ad6..817242c --- a/assets/less/flat-ui.import.less +++ b/assets/less/flat-ui.import.less @@ -3,7 +3,6 @@ // Loading custom fonts //@import url("https://fonts.googleapis.com/css?family=Lato:400,700,700italic,900,400italic,300"); @import "modules/local-fonts.import.less"; -@import "modules/glyphicons.import.less"; // Loading config with variables (changing them leads to changing a color scheme) @import "variables.import.less"; diff --git a/assets/less/mixins.import.less b/assets/less/mixins.import.less old mode 100644 new mode 100755 diff --git a/assets/less/modules/button-groups.import.less b/assets/less/modules/button-groups.import.less old mode 100644 new mode 100755 diff --git a/assets/less/modules/buttons.import.less b/assets/less/modules/buttons.import.less old mode 100644 new mode 100755 diff --git a/assets/less/modules/caret.import.less b/assets/less/modules/caret.import.less old mode 100644 new mode 100755 diff --git a/assets/less/modules/code.import.less b/assets/less/modules/code.import.less old mode 100644 new mode 100755 diff --git a/assets/less/modules/footer.import.less b/assets/less/modules/footer.import.less old mode 100644 new mode 100755 diff --git a/assets/less/modules/forms.import.less b/assets/less/modules/forms.import.less old mode 100644 new mode 100755 diff --git a/assets/less/modules/glyphicons.import.less b/assets/less/modules/glyphicons.import.less deleted file mode 100644 index 96773a4..0000000 --- a/assets/less/modules/glyphicons.import.less +++ /dev/null @@ -1,135 +0,0 @@ -// -// Glyphicons for Flat UI Free -// -------------------------------------------------- - -@font-face { - font-family: "Flat-UI-Icons"; - src: ~"url('@{icon-font-path}@{icon-font-name}.eot')"; - src: ~"url('@{icon-font-path}@{icon-font-name}.eot?#iefix') format('embedded-opentype')", - ~"url('@{icon-font-path}@{icon-font-name}.woff') format('woff')", - ~"url('@{icon-font-path}@{icon-font-name}.ttf') format('truetype')", - ~"url('@{icon-font-path}@{icon-font-name}.svg#@{icon-font-svg-id}') format('svg')"; - font-weight: normal; - font-style: normal; -} - - -/* Use the following CSS code if you want to use data attributes for inserting your icons */ -[data-icon]:before { - font-family: 'Flat-UI-Icons'; - content: attr(data-icon); - speak: none; - font-weight: normal; - font-variant: normal; - text-transform: none; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -/* Use the following CSS code if you want to have a class per icon */ -/* -Instead of a list of all class selectors, -you can use the generic selector below, but it's slower: -[class*="fui-"] { -*/ -.fui-arrow-right, .fui-arrow-left, .fui-cmd, .fui-check-inverted, .fui-heart, .fui-location, .fui-plus, .fui-check, .fui-cross, .fui-list, .fui-new, .fui-video, .fui-photo, .fui-volume, .fui-time, .fui-eye, .fui-chat, .fui-search, .fui-user, .fui-mail, .fui-lock, .fui-gear, .fui-radio-unchecked, .fui-radio-checked, .fui-checkbox-unchecked, .fui-checkbox-checked, .fui-calendar-solid, .fui-pause, .fui-play, .fui-check-inverted-2 { - display: inline-block; - font-family: 'Flat-UI-Icons'; - speak: none; - font-style: normal; - font-weight: normal; - font-variant: normal; - text-transform: none; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} -.fui-arrow-right:before { - content: "\e02c"; -} -.fui-arrow-left:before { - content: "\e02d"; -} -.fui-cmd:before { - content: "\e02f"; -} -.fui-check-inverted:before { - content: "\e006"; -} -.fui-heart:before { - content: "\e007"; -} -.fui-location:before { - content: "\e008"; -} -.fui-plus:before { - content: "\e009"; -} -.fui-check:before { - content: "\e00a"; -} -.fui-cross:before { - content: "\e00b"; -} -.fui-list:before { - content: "\e00c"; -} -.fui-new:before { - content: "\e00d"; -} -.fui-video:before { - content: "\e00e"; -} -.fui-photo:before { - content: "\e00f"; -} -.fui-volume:before { - content: "\e010"; -} -.fui-time:before { - content: "\e011"; -} -.fui-eye:before { - content: "\e012"; -} -.fui-chat:before { - content: "\e013"; -} -.fui-search:before { - content: "\e01c"; -} -.fui-user:before { - content: "\e01d"; -} -.fui-mail:before { - content: "\e01e"; -} -.fui-lock:before { - content: "\e01f"; -} -.fui-gear:before { - content: "\e024"; -} -.fui-radio-unchecked:before { - content: "\e02b"; -} -.fui-radio-checked:before { - content: "\e032"; -} -.fui-checkbox-unchecked:before { - content: "\e033"; -} -.fui-checkbox-checked:before { - content: "\e034"; -} -.fui-calendar-solid:before { - content: "\e022"; -} -.fui-pause:before { - content: "\e03b"; -} -.fui-play:before { - content: "\e03c"; -} -.fui-check-inverted-2:before { - content: "\e000"; -} diff --git a/assets/less/modules/input-groups.import.less b/assets/less/modules/input-groups.import.less old mode 100644 new mode 100755 diff --git a/assets/less/modules/input-icons.import.less b/assets/less/modules/input-icons.import.less old mode 100644 new mode 100755 index e213942..4c1555d --- a/assets/less/modules/input-icons.import.less +++ b/assets/less/modules/input-icons.import.less @@ -55,12 +55,12 @@ .has-warning { .input-icon { color: @brand-warning; - } + } } .has-error { .input-icon { color: @brand-danger; - } + } } .form-control[disabled] + .input-icon, .form-control[readonly] + .input-icon, @@ -69,4 +69,4 @@ fieldset[disabled] .form-control + .input-icon, color: mix(@gray, white, 40%); background-color: transparent; .opacity(.7); -} \ No newline at end of file +} diff --git a/assets/less/modules/inputs.import.less b/assets/less/modules/inputs.import.less old mode 100644 new mode 100755 index 70e4e42..3a29ed1 --- a/assets/less/modules/inputs.import.less +++ b/assets/less/modules/inputs.import.less @@ -104,6 +104,18 @@ nav { /* Checkbox ===============================*/ +.check, .circles { + &:after { + .transition; + font-family: FontAwesome; + content:"\f00d"; + } + &:checked:after { + .transition; + content:"\f00c"; + } +} + .check { .square(30px); .transition; @@ -116,28 +128,15 @@ nav { &:after { .transition; position: absolute; - top: 4px; - left: 3px; - content:""; - background:url(@checkbox-icon); - width: 20px; - height: 20px; - } - - &:checked { - .transition; + top: 7px; + left: 8px; } &:checked:after { .transition; position: absolute; - top: 4px; - left: 2px; - content:""; - background:url(@checkbox-icon); - background-position:-20px; - width: 22px; - height: 22px; + top: 7px; + left: 6px; } } @@ -155,26 +154,19 @@ nav { .transition; &:after { - .square(22px); .transition; position: absolute; - left: 4px; - top: 4px; - content:""; - background:url(@checkbox-icon); - background-position:-23px; + left: 6px; + top: 6px; } } &:after { - .square(22px); .transition; position: absolute; - left: 3px; - top: 4px; - content:""; - background:url(@checkbox-icon); + left: 8px; + top: 6px; } } @@ -235,11 +227,12 @@ nav { ul { .border-radius(4px); + margin-top: .4em; list-style: none; text-align: left; display: none; width: 300px; - background:#34495E; + background: @turquoise; padding: 0; overflow: hidden; } @@ -252,7 +245,7 @@ nav { cursor: pointer; &:hover { - background:#3498DB; + background: @green-sea; cursor: pointer; } } @@ -262,25 +255,26 @@ nav { .border-radius(4px); position: relative; width: 300px; - background:#3498DB; + background: @green-sea; padding: .6em; text-align: left; font-weight: 400; color:#fff; cursor: pointer; - span { + &:after { + .size(1.8em, 2em); .border-radius(4px); + background: @turquoise; + font-family: FontAwesome; + content:"\f0d7"; + font-size: 1.4em; + padding-top: .3em; + padding-left:.6em; position: absolute; top: 0; right: 0; - padding: .6em; - background:#2980B9; cursor: pointer; - - &:hover { - background:#2675a9; - } } } diff --git a/assets/less/modules/local-fonts.import.less b/assets/less/modules/local-fonts.import.less old mode 100644 new mode 100755 diff --git a/assets/less/modules/login.import.less b/assets/less/modules/login.import.less old mode 100644 new mode 100755 diff --git a/assets/less/modules/navbar.import.less b/assets/less/modules/navbar.import.less old mode 100644 new mode 100755 index 0a3ccdc..c55196c --- a/assets/less/modules/navbar.import.less +++ b/assets/less/modules/navbar.import.less @@ -39,27 +39,27 @@ .navbar-collapse { box-shadow: none; padding-right: 21px; - padding-left: 21px; + padding-left: 21px; @media (min-width: @grid-float-breakpoint) { // Account for first and last children spacing .navbar-nav.navbar-left:first-child { margin-left: -21px; - + > li:first-child a { .border-left-radius(@navbar-border-radius); } } .navbar-nav.navbar-right:last-child { margin-right: -21px; - + .navbar > .container & { margin-right: -36px; } > .dropdown:last-child > a { border-radius: 0 @navbar-border-radius @navbar-border-radius 0; - } - } + } + } .navbar-form.navbar-right:last-child { margin-right: -17px; @@ -67,14 +67,14 @@ .navbar-fixed-bottom & { margin-right: 0; } - } + } } @media (max-width: @grid-float-breakpoint-max) { .navbar-nav.navbar-right:last-child { margin-bottom: 3px; } } -} +} // Both navbar header and collapse // @@ -128,13 +128,13 @@ line-height: 1.042; // ~25px font-weight: 700; padding: ((@navbar-height-base - 25px) / 2) 21px; - + > [class*="fui-"] { font-size: floor(@component-font-size-base * 1.267); // ~19px line-height: 1.263; // ~24px vertical-align: top; } - + @media (min-width: @grid-float-breakpoint) { .navbar > .container &, .navbar > .container-fluid & { @@ -158,8 +158,8 @@ &:before { color: @link-color; - content: "\e00c"; - font-family: "Flat-UI-Icons"; + content: "\f0c9"; + font-family: FontAwesome; font-size: floor(@component-font-size-base * 1.467); // ~22px font-style: normal; font-weight: normal; @@ -169,7 +169,7 @@ &:hover, &:focus { outline: none; - + &:before { color: @link-hover-color; } @@ -177,7 +177,7 @@ .icon-bar { display: none; } - + @media (min-width: @grid-float-breakpoint) { display: none; } @@ -190,14 +190,14 @@ .navbar-nav { margin: 0; - + > li > a { font-size: floor(@component-font-size-base * 1.067); // ~16px padding: ((@navbar-height-base - 23px) / 2) 21px; line-height: 23px; font-weight: 700; } - + .dropdown-toggle .caret { border-top-color: @link-color; border-bottom-color: @link-color; @@ -209,13 +209,13 @@ .open > a:focus, .open > a:hover { background-color: transparent; - + .caret { border-top-color: @link-hover-color; border-bottom-color: @link-hover-color; } } - + [class^="fui-"] { line-height: 20px; position: relative; @@ -227,12 +227,12 @@ margin-left: 12px; } } - + @media (max-width: @grid-float-breakpoint-max) { margin: 0 -21px; - + // Dropdowns get custom display when collapsed - .open .dropdown-menu { + .open .dropdown-menu { > li > a, .dropdown-header { padding: 7px 15px 7px 31px !important; @@ -272,27 +272,27 @@ margin-bottom: 5px; } } - + @media (max-width: @grid-float-breakpoint-max) { margin: 3px -21px; width: auto; } - + .navbar-nav + &.navbar-left, &.navbar-right:last-child { // Width fix for Webkit and IE11 @media (min-width: @grid-float-breakpoint) { - width: 260px; + width: 260px; } } - + // Controls sizing .form-control, .input-group-addon, .btn { .navbar-input(); } - + // Reset rounded corners .form-controls-corners-reset(); - + .form-control { font-size: @component-font-size-base; border-radius: 5px; @@ -307,7 +307,7 @@ @media (max-width: @grid-float-breakpoint-max) { .form-group { margin-bottom: 0; - + & + .btn { margin-top: 9px; margin-left: 0; @@ -322,8 +322,8 @@ .navbar-nav > li { > .dropdown-menu { min-width: 100%; - border-radius: @border-radius-base; - + border-radius: @border-radius-base; + @media (max-width: @grid-float-breakpoint-max) { .transition(all 0s); display: none; @@ -333,9 +333,9 @@ @media (max-width: @grid-float-breakpoint-max) { margin-top: 0 !important; display: block; - } + } } -} +} // Menu position and menu caret support for dropups via extra dropup class .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { @@ -358,7 +358,7 @@ color: @brand-primary; margin-top: 0; margin-bottom: 0; - + .navbar-vertical-align(23px, @navbar-height-base); @media (min-width: @grid-float-breakpoint) { @@ -408,7 +408,7 @@ top: 35%; width: 6px; z-index: 10; - + @media (max-width: @grid-float-breakpoint) { position: static; float: right; @@ -439,7 +439,7 @@ // Default navbar .navbar-default { background-color: @navbar-default-bg; - + .navbar-brand { color: @navbar-default-brand-color; &:hover, @@ -448,27 +448,27 @@ background-color: @navbar-default-brand-hover-bg; } } - + .navbar-toggle { &:before { color: @navbar-default-toggle-color; - } + } &:hover, &:focus { background-color: transparent; - + &:before { color: @navbar-default-toggle-hover-color; } } } - + .navbar-collapse, .navbar-form { border-color: @navbar-default-form-border; border-width: 2px; } - + .navbar-nav { > li > a { color: @navbar-default-link-color; @@ -496,7 +496,7 @@ } } } - + // Dropdown menu items and carets .navbar-nav { // Caret text color @@ -514,8 +514,8 @@ > .dropdown > a:focus .caret { border-top-color: @navbar-default-caret-hover-color; border-bottom-color: @navbar-default-caret-hover-color; - } - + } + // Remove background color from open dropdown > .open > a { &, @@ -528,7 +528,7 @@ border-bottom-color: @navbar-default-caret-active-color; } } - } + } @media (max-width: @grid-float-breakpoint-max) { @@ -561,12 +561,12 @@ } } } - + .navbar-form { .form-control { border-color: transparent; .placeholder(@navbar-default-form-placeholder); - + &:focus { border-color: @brand-secondary; color: @brand-secondary; @@ -581,16 +581,16 @@ .input-group-btn .btn { border-color: @brand-secondary; color: @brand-secondary; - } + } } } - + .navbar-text { color: @brand-primary; - + a { color: @navbar-default-link-color; - + &:hover, &:focus { color: @navbar-default-link-hover-color; @@ -602,35 +602,35 @@ // Inverse navbar .navbar-inverse { background-color: @navbar-inverse-bg; - + .navbar-brand { - color: @navbar-inverse-brand-color; + color: @navbar-inverse-brand-color; &:hover, &:focus { color: @navbar-inverse-brand-hover-color; background-color: @navbar-inverse-brand-hover-bg; } } - + .navbar-toggle { &:before { color: @navbar-inverse-toggle-color; - } + } &:hover, &:focus { background-color: transparent; - + &:before { color: @navbar-inverse-toggle-hover-color; } } } - + .navbar-collapse { border-color: @navbar-inverse-form-border; border-width: 2px; } - + .navbar-nav { > li > a { color: @navbar-inverse-link-color; @@ -658,7 +658,7 @@ } } } - + // Dropdown menu items and carets .navbar-nav { // Caret should match text color on hover @@ -675,7 +675,7 @@ &:focus { background-color: @navbar-inverse-link-active-bg; color: @navbar-inverse-link-active-color; - border-left-color: transparent; + border-left-color: transparent; .caret { border-top-color: @navbar-inverse-link-active-color; border-bottom-color: @navbar-inverse-link-active-color; @@ -685,8 +685,8 @@ > .dropdown > a .caret { border-top-color: @navbar-inverse-caret-color; border-bottom-color: @navbar-inverse-caret-color; - } - + } + > .open { > .dropdown-arrow { border-top-color: @navbar-inverse-dropdown-arrow; @@ -695,18 +695,18 @@ > .dropdown-menu { background-color: @navbar-inverse-dropdown-bg; padding: 3px 4px; - + > li > a { color: @navbar-inverse-dropdown-link-color; border-radius: @border-radius-base; padding: 6px 9px; - + &:hover, &:focus { color: @navbar-inverse-dropdown-link-hover-color; background-color: @navbar-inverse-dropdown-link-hover-bg; } - } + } > .divider { background-color: @navbar-inverse-divider; height: 2px; @@ -753,14 +753,14 @@ } } } - - .navbar-form { + + .navbar-form { .form-control { color: @navbar-inverse-form-placeholder; border-color: transparent; background-color: @navbar-inverse-form-bg; .placeholder(@navbar-inverse-form-placeholder); - + &:focus { border-color: @brand-secondary; color: @brand-secondary; @@ -779,28 +779,28 @@ .input-group-btn .btn { border-color: @brand-secondary; color: @brand-secondary; - } + } } - + @media (max-width: @grid-float-breakpoint-max) { border-color: @navbar-inverse-form-border; border-width: 2px 0; } } - + .navbar-text { color: @inverse; - + a { color: @navbar-inverse-link-color; - + &:hover, &:focus { color: @navbar-inverse-link-hover-color; } } } - + .navbar-btn { .button-variant(@btn-default-color, @brand-secondary, @btn-primary-hover-bg, @btn-primary-active-bg); } @@ -825,47 +825,47 @@ // Large navbar .navbar-lg { min-height: @navbar-height-large; - + .navbar-brand { line-height: 1; padding-top: ((@navbar-height-large - 24px) / 2); padding-bottom: ((@navbar-height-large - 24px) / 2); - + > [class*="fui-"] { font-size: floor(@component-font-size-base * 1.6); // ~24px - line-height: 1; + line-height: 1; } } - + .navbar-nav { > li > a { font-size: @component-font-size-base; line-height: 1.6; - + @media (min-width: @grid-float-breakpoint) { padding-top: ((@navbar-height-large - 24px) / 2); padding-bottom: ((@navbar-height-large - 24px) / 2); } - } + } } - + .navbar-toggle { height: @navbar-height-large; line-height: @navbar-height-large; } - + .navbar-form { .navbar-vertical-align(@input-height-small; @navbar-height-large); } - + .navbar-text { .navbar-vertical-align(23px; @navbar-height-large); } - + .navbar-btn { margin-top: ((@navbar-height-large - @input-height-base) / 2); margin-bottom: ((@navbar-height-large - @input-height-base) / 2); - + &.btn-sm { margin-top: ((@navbar-height-large - @input-height-small) / 2); margin-bottom: ((@navbar-height-large - @input-height-small) / 2); @@ -875,4 +875,4 @@ margin-bottom: ((@navbar-height-large - 25px) / 2); } } -} \ No newline at end of file +} diff --git a/assets/less/modules/pager.import.less b/assets/less/modules/pager.import.less old mode 100644 new mode 100755 diff --git a/assets/less/modules/pagination.import.less b/assets/less/modules/pagination.import.less old mode 100644 new mode 100755 diff --git a/assets/less/modules/palette.import.less b/assets/less/modules/palette.import.less old mode 100644 new mode 100755 diff --git a/assets/less/modules/progress-bars.import.less b/assets/less/modules/progress-bars.import.less old mode 100644 new mode 100755 diff --git a/assets/less/modules/scaffolding.import.less b/assets/less/modules/scaffolding.import.less old mode 100644 new mode 100755 diff --git a/assets/less/modules/select.import.less b/assets/less/modules/select.import.less old mode 100644 new mode 100755 diff --git a/assets/less/modules/share.import.less b/assets/less/modules/share.import.less old mode 100644 new mode 100755 diff --git a/assets/less/modules/slider.import.less b/assets/less/modules/slider.import.less old mode 100644 new mode 100755 diff --git a/assets/less/modules/tagsinput.import.less b/assets/less/modules/tagsinput.import.less old mode 100644 new mode 100755 index 71dd9c9..2f3339e --- a/assets/less/modules/tagsinput.import.less +++ b/assets/less/modules/tagsinput.import.less @@ -12,7 +12,7 @@ overflow-y: auto; text-align: left; - .tag { + .tag { border-radius: @border-radius-base; background-color: @brand-secondary; color: @inverse; @@ -33,7 +33,7 @@ color: @inverse; padding-left: 12px; padding-right: 20px; - + .tagsinput-remove-link { color: @inverse; opacity: 1; @@ -74,11 +74,11 @@ z-index: 2; // Opacity fallback for IE display: none\9; - + &:before { color: @inverse; - content: "\e00b"; - font-family: "Flat-UI-Icons"; + content: "\f00d"; + font-family: FontAwesome; } } @@ -87,7 +87,7 @@ display: inline-block; } -.tagsinput-add { +.tagsinput-add { background-color: mix(@inverse, @brand-primary, 80%); border-radius: @border-radius-small; color: @inverse; @@ -99,13 +99,13 @@ padding: 7px 9px; vertical-align: top; .transition(.25s linear); - + &:hover { background-color: @brand-secondary; } &:before { - content: "\e009"; - font-family: "Flat-UI-Icons"; + content: "\f067"; + font-family: FontAwesome; } } @@ -118,4 +118,4 @@ background: #fbd8db !important; color: #90111a !important; margin-left: 5px !important; -} \ No newline at end of file +} diff --git a/assets/less/modules/thumbnails.import.less b/assets/less/modules/thumbnails.import.less old mode 100644 new mode 100755 diff --git a/assets/less/modules/tile.import.less b/assets/less/modules/tile.import.less old mode 100644 new mode 100755 diff --git a/assets/less/modules/todo.import.less b/assets/less/modules/todo.import.less old mode 100644 new mode 100755 index 13bb6b7..d4ce250 --- a/assets/less/modules/todo.import.less +++ b/assets/less/modules/todo.import.less @@ -2,7 +2,7 @@ // Todo list // -------------------------------------------------- -.todo { +.todo { color: mix(@brand-primary, @inverse, 66%); margin-bottom: 20px; border-radius: @border-radius-large; @@ -24,10 +24,10 @@ padding: 18px 42px 21px 25px; position: relative; .transition(.25s); - + &:first-child { margin-top: 0; - } + } &:last-child { border-radius: 0 0 @border-radius-large @border-radius-large; padding-bottom: 21px; @@ -39,9 +39,9 @@ .todo-name { color: @brand-secondary; - } - } - } + } + } + } } .todo-search { @@ -51,11 +51,11 @@ border-radius: @border-radius-large @border-radius-large 0 0; color: @brand-primary; padding: 19px 25px 20px; - + &:before { position: absolute; - font-family: 'Flat-UI-Icons'; - content: "\e01c"; + font-family: FontAwesome; + content: "\f002"; font-size: 16px; line-height: 17px; display: inline-block; @@ -94,17 +94,17 @@ input.todo-search-field { color: @inverse; font-size: 17px; margin: 1px 0 3px; -} +} // Retina Support @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 2) { .todo { li { background-image: ~"url(../images/todo/todo-2x.png)"; - + &.todo-done { background-image: ~"url(../images/todo/done-2x.png)"; - } - } - } + } + } + } } diff --git a/assets/less/modules/type.import.less b/assets/less/modules/type.import.less old mode 100644 new mode 100755 diff --git a/assets/less/modules/typeahead.import.less b/assets/less/modules/typeahead.import.less old mode 100644 new mode 100755 diff --git a/assets/less/modules/video.import.less b/assets/less/modules/video.import.less old mode 100644 new mode 100755 index 4ff82db..9d195e5 --- a/assets/less/modules/video.import.less +++ b/assets/less/modules/video.import.less @@ -6,7 +6,7 @@ @controls-color: mix(@brand-primary, black, 75%); .video-js { - background-color: transparent; + background-color: transparent; // Otherwise you won't see controls in Fullscreen mode margin-top: -95px; position: relative; @@ -18,7 +18,7 @@ -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; backface-visibility:hidden; - + .vjs-tech { position: absolute; top: 0; @@ -26,10 +26,10 @@ width: 100%; height: 100%; border-radius: @border-radius-large @border-radius-large 0 0; - } + } &:-moz-full-screen { position: absolute; - } + } } body.vjs-full-window { @@ -51,11 +51,11 @@ body.vjs-full-window { width: 100% !important; height: 100% !important; _position: absolute; - } + } &:-webkit-full-screen { width: 100% !important; height: 100% !important; - } + } } .vjs-poster { @@ -76,7 +76,7 @@ body.vjs-full-window { left: 1em; right: 1em; font-family: @font-family-base; - } + } .vjs-text-track { display: none; color: @inverse; @@ -85,13 +85,13 @@ body.vjs-full-window { margin-bottom: .1em; background: #000; background: rgba(0,0,0,.5); - } + } .vjs-subtitles { color: #fff; - } + } .vjs-captions { color: #fc6; - } + } } .vjs-tt-cue { @@ -109,7 +109,7 @@ body.vjs-full-window { .transition(~"visibility 0s linear 1.5s, opacity 1.5s linear"); } -.vjs-control-bar { +.vjs-control-bar { position: absolute; bottom: -47px; left: 0; @@ -120,11 +120,11 @@ body.vjs-full-window { color: @inverse; background: @controls-color; border-radius: 0 0 @border-radius-large @border-radius-large; - + &.vjs-fade-out { visibility: visible !important; opacity: 1 !important; - } + } } // Video player control general style @@ -138,14 +138,14 @@ body.vjs-full-window { padding: 0; height: 18px; width: 18px; - + &:focus { outline: 0 - } + } div { background-position: center center; background-repeat: no-repeat; - } + } } // Control tooltip @@ -167,15 +167,15 @@ body.vjs-full-window { position: absolute; top: 0; width: 58px; - + div { - position: relative; + position: relative; height: 47px; - + &:before, &:after { position: absolute; - font-family: "Flat-UI-Icons"; + font-family: FontAwesome; color: @brand-secondary; font-size: 16px; top: 50%; @@ -184,20 +184,20 @@ body.vjs-full-window { .transition(~"color .25s, opacity .25s"); } &:after { - content: "\e03b"; + content: "\f04c"; } &:before { - content: "\e03c"; + content: "\f04b"; } } } -.vjs-paused .vjs-play-control { +.vjs-paused .vjs-play-control { &:hover { div:before { color: mix(@brand-secondary, black, 85%); - } - } + } + } div { &:after { .opacity(0); @@ -205,35 +205,35 @@ body.vjs-full-window { &:before { .opacity(1); } - } + } } -.vjs-playing .vjs-play-control { +.vjs-playing .vjs-play-control { &:hover { div:after { color: mix(@brand-secondary, black, 85%); - } - } + } + } div { &:after { .opacity(1); } &:before { .opacity(0); - } - } + } + } } .vjs-rewind-control { width: 5em; cursor: pointer !important; - + div { width: 19px; height: 16px; background: none transparent; margin: .5em auto 0; - } + } } .vjs-mute-control { @@ -248,22 +248,22 @@ body.vjs-full-window { &:focus { div { opacity: 0; - } + } } - + // Muted state &.vjs-vol-0 { &, div { background-image: ~"url(../images/video/volume-off.png)"; - } + } } div { background: @controls-color ~"url(../images/video/volume-full.png) no-repeat center 2px"; background-size: 16px 64px; height: 18px; .transition(opacity .25s); - } + } } .vjs-volume-control, @@ -312,11 +312,11 @@ body.vjs-full-window { .vjs-load-progress { background: mix(@brand-primary, @inverse, 20%); border-radius: 32px 0 0 32px; - + &[style*='100%'], &[style*='99%'] { border-radius: 32px; - } + } } .vjs-seek-handle { @@ -328,7 +328,7 @@ body.vjs-full-window { left: 0; top: 0; border-radius: 50%; - .transition(background-color .25s); + .transition(background-color .25s); &[style*='95.'] { margin-left: 3px; @@ -339,10 +339,10 @@ body.vjs-full-window { &:hover, &:focus { background-color: mix(@brand-secondary, black, 75%); - } + } &:active { background-color: mix(@brand-secondary, black, 65%) - } + } } // Player time controls @@ -394,14 +394,14 @@ body.vjs-full-window { &:focus { div { opacity: 0; - } + } } div { height: 18px; background: ~"url(../images/video/fullscreen.png) no-repeat center 2px"; background-size: 15px 64px; .transition(opacity .25s); - } + } } // Subtitles menu. Hide for no need by design. @@ -412,9 +412,9 @@ body.vjs-full-window { // Video preloader .sharp-keyframes() { 0% { - background: #e74c3c; - border-radius: 10px; - .rotate(0deg); + background: #e74c3c; + border-radius: 10px; + .rotate(0deg); } 50% { background: #ebedee; @@ -425,8 +425,8 @@ body.vjs-full-window { background: #e74c3c; border-radius: 10px; .rotate(360deg); - } -} + } +} @-webkit-keyframes sharp { .sharp-keyframes(); @@ -454,5 +454,5 @@ body.vjs-full-window { top: 50%; width: 16px; border-radius: 10px; - .animation(sharp 2s ease infinite); -} + .animation(sharp 2s ease infinite); +} diff --git a/assets/less/spaces.import.less b/assets/less/spaces.import.less old mode 100644 new mode 100755 diff --git a/assets/less/variables.import.less b/assets/less/variables.import.less old mode 100644 new mode 100755 index 2314631..a0aad5f --- a/assets/less/variables.import.less +++ b/assets/less/variables.import.less @@ -104,13 +104,6 @@ //== Iconography // -//## Specify custom locations of the include Glyphicons icon font. - -@icon-font-path: "../fonts/"; -@icon-font-name: "flat-ui-icons-regular"; -@icon-font-svg-id: "flat-ui-icons-regular"; - -@checkbox-icon: "../icons/internal/tick.png"; //** Icon sizes for use in components @icon-normal: 16px; diff --git a/package.js b/package.js old mode 100644 new mode 100755 diff --git a/smart.json b/smart.json old mode 100644 new mode 100755