From f19b43ceededdeede38d209a881bc8cab99ef431 Mon Sep 17 00:00:00 2001 From: Vladimir Lugovsky Date: Mon, 21 Dec 2015 22:13:38 +0300 Subject: [PATCH 1/3] feat(tabs): Tabs page --- bower.json | 6 ++-- src/app/app.js | 1 + src/app/pages/pages.module.js | 1 + src/app/pages/tabs/tabs.html | 32 +++++++++++++++++++ src/app/pages/tabs/tabs.module.js | 20 ++++++++++++ .../theme/components/sidebar/SidebarCtrl.js | 4 +++ 6 files changed, 60 insertions(+), 4 deletions(-) create mode 100644 src/app/pages/tabs/tabs.html create mode 100644 src/app/pages/tabs/tabs.module.js diff --git a/bower.json b/bower.json index d144d59..2b1390a 100644 --- a/bower.json +++ b/bower.json @@ -46,7 +46,8 @@ "angular-ui-router": "~0.2.15", "angular-chart.js": "~0.8.8", "angular-chartist.js": "~3.3.12", - "angular-morris-chart": "~1.1.0" + "angular-morris-chart": "~1.1.0", + "angular-bootstrap": "~0.14.3" }, "overrides": { "amcharts": { @@ -79,8 +80,5 @@ "font-awesome": { "main": "css/font-awesome.css" } - }, - "devDependencies": { - "angular-ui-router": "~0.2.15" } } diff --git a/src/app/app.js b/src/app/app.js index 5b617e9..3359917 100644 --- a/src/app/app.js +++ b/src/app/app.js @@ -1,6 +1,7 @@ 'use strict'; angular.module('BlurAdmin', [ + 'ui.bootstrap', 'ui.sortable', 'ui.router', 'ngTouch', diff --git a/src/app/pages/pages.module.js b/src/app/pages/pages.module.js index ab3ef78..c663688 100644 --- a/src/app/pages/pages.module.js +++ b/src/app/pages/pages.module.js @@ -22,6 +22,7 @@ 'BlurAdmin.pages.profile', 'BlurAdmin.pages.progressBars', 'BlurAdmin.pages.tables', + 'BlurAdmin.pages.tabs', 'BlurAdmin.pages.typography' ]) .config(routeConfig); diff --git a/src/app/pages/tabs/tabs.html b/src/app/pages/tabs/tabs.html new file mode 100644 index 0000000..023d204 --- /dev/null +++ b/src/app/pages/tabs/tabs.html @@ -0,0 +1,32 @@ +
+
+
+ + + +

+ Take up one idea. Make that one idea your life--think of it, dream of it, live on that idea. Let the brain, muscles, nerves, every part of your body, be full of that idea, and just leave every other idea alone. This is the way to success. +

+

+ People who succeed have momentum. The more they succeed, the more they want to succeed, and the more they find a way to succeed. Similarly, when someone is failing, the tendency is to get on a downward spiral that can even become a self-fulfilling prophecy. +

+

+ You can't connect the dots looking forward; you can only connect them looking backwards. So you have to trust that the dots will somehow connect in your future. You have to trust in something--your gut, destiny, life, karma, whatever. This approach has never let me down, and it has made all the difference in my life. +

+ + + Hellooooo + + + + Alert! + + I've got an HTML heading, and a select callback. Pretty cool! + + + + +
+
+
+
\ No newline at end of file diff --git a/src/app/pages/tabs/tabs.module.js b/src/app/pages/tabs/tabs.module.js new file mode 100644 index 0000000..7f9e78e --- /dev/null +++ b/src/app/pages/tabs/tabs.module.js @@ -0,0 +1,20 @@ +/** + * @author v.lugovsky + * created on 21.12.2015 + */ +(function () { + 'use strict'; + + angular.module('BlurAdmin.pages.tabs', []) + .config(routeConfig); + + /** @ngInject */ + function routeConfig($stateProvider) { + $stateProvider + .state('tabs', { + url: '/tabs', + templateUrl: 'app/pages/tabs/tabs.html' + }); + } + +})(); diff --git a/src/app/theme/components/sidebar/SidebarCtrl.js b/src/app/theme/components/sidebar/SidebarCtrl.js index f4a3efa..fedcd77 100644 --- a/src/app/theme/components/sidebar/SidebarCtrl.js +++ b/src/app/theme/components/sidebar/SidebarCtrl.js @@ -92,6 +92,10 @@ { title: 'Notifications', root: '#/notifications' + }, + { + title: 'Tabs and Accordions', + root: '#/tabs' } ] }, From 752bb8e48a1fdc3eb2d3eb1dceb4350a1813c15e Mon Sep 17 00:00:00 2001 From: Vladimir Lugovsky Date: Tue, 22 Dec 2015 19:20:05 +0300 Subject: [PATCH 2/3] feat(tabs): Tabs and accordion --- gulp/server.js | 3 +- src/app/pages/tabs/tabs.html | 136 ++++++++++++++++++++++----- src/sass/app/_tabsPage.scss | 5 + src/sass/theme/components/_tabs.scss | 129 +++++++++++++++++++++++++ 4 files changed, 251 insertions(+), 22 deletions(-) create mode 100644 src/sass/app/_tabsPage.scss create mode 100644 src/sass/theme/components/_tabs.scss diff --git a/gulp/server.js b/gulp/server.js index 500b0c0..9800867 100644 --- a/gulp/server.js +++ b/gulp/server.js @@ -38,7 +38,8 @@ function browserSyncInit(baseDir, browser) { browserSync.instance = browserSync.init({ startPath: '/', server: server, - browser: browser + browser: browser, + ghostMode: false }); } diff --git a/src/app/pages/tabs/tabs.html b/src/app/pages/tabs/tabs.html index 023d204..dd1259f 100644 --- a/src/app/pages/tabs/tabs.html +++ b/src/app/pages/tabs/tabs.html @@ -1,32 +1,126 @@
- - - + + +

+ Take up one idea. Make that one idea your life--think of it, dream of it, live on that idea. Let the brain, muscles, nerves, every part of your body, be full of that idea, and just leave every other idea alone. This is the way to success. +

+

+ People who succeed have momentum. The more they succeed, the more they want to succeed, and the more they find a way to succeed. Similarly, when someone is failing, the tendency is to get on a downward spiral that can even become a self-fulfilling prophecy. +

+ + +

+ You can't connect the dots looking forward; you can only connect them looking backwards. So you have to trust that the dots will somehow connect in your future. You have to trust in something--your gut, destiny, life, karma, whatever. This approach has never let me down, and it has made all the difference in my life. +

+

+ The reason most people never reach their goals is that they don't define them, or ever seriously consider them as believable or achievable. Winners can tell you where they are going, what they plan to do along the way, and who will be sharing the adventure with them. +

+ + + + + Dropdown tab + + + +

- Take up one idea. Make that one idea your life--think of it, dream of it, live on that idea. Let the brain, muscles, nerves, every part of your body, be full of that idea, and just leave every other idea alone. This is the way to success. + Success is ... knowing your purpose in life, growing to reach your maximum potential, and sowing seeds that benefit others.

+

Failure is the condiment that gives success its flavor.

+
+

- People who succeed have momentum. The more they succeed, the more they want to succeed, and the more they find a way to succeed. Similarly, when someone is failing, the tendency is to get on a downward spiral that can even become a self-fulfilling prophecy. +

-

- You can't connect the dots looking forward; you can only connect them looking backwards. So you have to trust that the dots will somehow connect in your future. You have to trust in something--your gut, destiny, life, karma, whatever. This approach has never let me down, and it has made all the difference in my life. -

- - - Hellooooo - - - - Alert! - - I've got an HTML heading, and a select callback. Pretty cool! - - - +
+ + +
+
+ + +

+ Take up one idea. Make that one idea your life--think of it, dream of it, live on that idea. Let the brain, muscles, nerves, every part of your body, be full of that idea, and just leave every other idea alone. This is the way to success. +

+

+ People who succeed have momentum. The more they succeed, the more they want to succeed, and the more they find a way to succeed. Similarly, when someone is failing, the tendency is to get on a downward spiral that can even become a self-fulfilling prophecy. +

+ + +

+ You can't connect the dots looking forward; you can only connect them looking backwards. So you have to trust that the dots will somehow connect in your future. You have to trust in something--your gut, destiny, life, karma, whatever. This approach has never let me down, and it has made all the difference in my life. +

+

+ The reason most people never reach their goals is that they don't define them, or ever seriously consider them as believable or achievable. Winners can tell you where they are going, what they plan to do along the way, and who will be sharing the adventure with them. +

+ + +

+ Success is ... knowing your purpose in life, growing to reach your maximum potential, and sowing seeds that benefit others. +

+

Failure is the condiment that gives success its flavor.

+ + + + + +

+ Take up one idea. Make that one idea your life--think of it, dream of it, live on that idea. Let the brain, muscles, nerves, every part of your body, be full of that idea, and just leave every other idea alone. This is the way to success. +

+

+ People who succeed have momentum. The more they succeed, the more they want to succeed, and the more they find a way to succeed. Similarly, when someone is failing, the tendency is to get on a downward spiral that can even become a self-fulfilling prophecy. +

+ + +

+ You can't connect the dots looking forward; you can only connect them looking backwards. So you have to trust that the dots will somehow connect in your future. You have to trust in something--your gut, destiny, life, karma, whatever. This approach has never let me down, and it has made all the difference in my life. +

+

+ The reason most people never reach their goals is that they don't define them, or ever seriously consider them as believable or achievable. Winners can tell you where they are going, what they plan to do along the way, and who will be sharing the adventure with them. +

+ + +

+ Success is ... knowing your purpose in life, growing to reach your maximum potential, and sowing seeds that benefit others. +

+

Failure is the condiment that gives success its flavor.

+ + +
+
+
+
+ + + This content is straight in the template. + + +

The body of the uib-accordion group grows to fit the contents

+ + + + Hello + + +

Please, to delete your account, click the button below

+ + + + + I can have markup, too! + + This is just some content to illustrate fancy headings. + + +
+
-
\ No newline at end of file diff --git a/src/sass/app/_tabsPage.scss b/src/sass/app/_tabsPage.scss new file mode 100644 index 0000000..14ec79d --- /dev/null +++ b/src/sass/app/_tabsPage.scss @@ -0,0 +1,5 @@ +.tabset-group { + > div { + margin-top: 15px; + } +} \ No newline at end of file diff --git a/src/sass/theme/components/_tabs.scss b/src/sass/theme/components/_tabs.scss new file mode 100644 index 0000000..38a62bb --- /dev/null +++ b/src/sass/theme/components/_tabs.scss @@ -0,0 +1,129 @@ +/** Different tabs positions, which were removed from bootstrap */ +.tabs-below, .tabs-right, .tabs-left { + .nav-tabs { + border-bottom: 0; + } +} + +.tab-content > .tab-pane, +.pill-content > .pill-pane { + display: none; +} + +.tab-content > .active, +.pill-content > .active { + display: block; +} + +.tabs-below { + > .nav-tabs { + border-top: 1px solid #ddd; + + > li { + margin-top: -1px; + margin-bottom: 0; + + > a { + -webkit-border-radius: 0 0 4px 4px; + -moz-border-radius: 0 0 4px 4px; + border-radius: 0 0 4px 4px; + + &:hover, &:focus { + border-top-color: #ddd; + border-bottom-color: transparent; + } + } + } + > .active a { + &, &:hover, &:focus { + border-color: transparent #ddd #ddd #ddd; + } + } + } +} + +.tabs-left, .tabs-right { + > .nav-tabs > li { + float: none; + + > a { + min-width: 74px; + margin-right: 0; + margin-bottom: 3px; + } + } +} + +.tabs-left > .nav-tabs { + float: left; + margin-right: 19px; + border-right: 1px solid #ddd; + + > li > a { + margin-right: -1px; + -webkit-border-radius: 4px 0 0 4px; + -moz-border-radius: 4px 0 0 4px; + border-radius: 4px 0 0 4px; + + &:hover, &:focus { + border-color: #eee #ddd #eee #eee; + } + } + + > .active a { + &, &:hover, &:focus { + border-color: #ddd transparent #ddd #ddd; + *border-right-color: #fff; + } + } +} + +.tabs-right > .nav-tabs { + float: right; + margin-left: 19px; + border-left: 1px solid #ddd; + + > li > a { + margin-left: -1px; + -webkit-border-radius: 0 4px 4px 0; + -moz-border-radius: 0 4px 4px 0; + border-radius: 0 4px 4px 0; + + &:hover, &:focus { + border-color: #eee #eee #eee #ddd; + } + } + + > .active a { + &, &:hover, &:focus { + border-color: #ddd #ddd #ddd transparent; + *border-left-color: #fff; + } + } +} + +/** /Different tabs positions, which were removed from bootstrap */ + +.nav-tabs { + border-bottom: none; + background-color: #ddd; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} + +.nav-tabs > li.with-dropdown { + > a { + padding: 0; + } + + .dropdown-toggle { + padding: 10px 15px; + display: inline-block; + cursor: pointer; + } +} + +.tab-content { + padding: 10px 15px; + background: #ffffff; +} \ No newline at end of file From 5eafe949ab347d715cd140fdc49d9e66e7dc70ed Mon Sep 17 00:00:00 2001 From: Vladimir Lugovsky Date: Wed, 23 Dec 2015 13:16:19 +0300 Subject: [PATCH 3/3] feat(accordions): Add accordions page --- bower.json | 3 +- src/app/app.js | 1 + src/app/pages/tabs/mainTabs.html | 40 +++++++ src/app/pages/tabs/sampleAccordion.html | 22 ++++ src/app/pages/tabs/sideTabs.html | 49 +++++++++ src/app/pages/tabs/tabs.html | 126 +--------------------- src/sass/app/_tabsPage.scss | 6 +- src/sass/theme/components/_accordion.scss | 27 +++++ src/sass/theme/components/_tabs.scss | 2 +- src/sass/theme/conf/_variables.scss | 3 + 10 files changed, 155 insertions(+), 124 deletions(-) create mode 100644 src/app/pages/tabs/mainTabs.html create mode 100644 src/app/pages/tabs/sampleAccordion.html create mode 100644 src/app/pages/tabs/sideTabs.html create mode 100644 src/sass/theme/components/_accordion.scss diff --git a/bower.json b/bower.json index 2b1390a..16847e2 100644 --- a/bower.json +++ b/bower.json @@ -47,7 +47,8 @@ "angular-chart.js": "~0.8.8", "angular-chartist.js": "~3.3.12", "angular-morris-chart": "~1.1.0", - "angular-bootstrap": "~0.14.3" + "angular-bootstrap": "~0.14.3", + "angular-animate": "~1.4.8" }, "overrides": { "amcharts": { diff --git a/src/app/app.js b/src/app/app.js index 3359917..6197801 100644 --- a/src/app/app.js +++ b/src/app/app.js @@ -1,6 +1,7 @@ 'use strict'; angular.module('BlurAdmin', [ + 'ngAnimate', 'ui.bootstrap', 'ui.sortable', 'ui.router', diff --git a/src/app/pages/tabs/mainTabs.html b/src/app/pages/tabs/mainTabs.html new file mode 100644 index 0000000..c7c4a3b --- /dev/null +++ b/src/app/pages/tabs/mainTabs.html @@ -0,0 +1,40 @@ + + +

+ Take up one idea. Make that one idea your life--think of it, dream of it, live on that idea. Let the brain, muscles, nerves, every part of your body, be full of that idea, and just leave every other idea alone. This is the way to success. +

+

+ People who succeed have momentum. The more they succeed, the more they want to succeed, and the more they find a way to succeed. Similarly, when someone is failing, the tendency is to get on a downward spiral that can even become a self-fulfilling prophecy. +

+ + +

+ You can't connect the dots looking forward; you can only connect them looking backwards. So you have to trust that the dots will somehow connect in your future. You have to trust in something--your gut, destiny, life, karma, whatever. This approach has never let me down, and it has made all the difference in my life. +

+

+ The reason most people never reach their goals is that they don't define them, or ever seriously consider them as believable or achievable. Winners can tell you where they are going, what they plan to do along the way, and who will be sharing the adventure with them. +

+ + + + + Dropdown tab + + + +
+

+ Success is ... knowing your purpose in life, growing to reach your maximum potential, and sowing seeds that benefit others. +

+

Failure is the condiment that gives success its flavor.

+
+
+

+ +

+
+ + \ No newline at end of file diff --git a/src/app/pages/tabs/sampleAccordion.html b/src/app/pages/tabs/sampleAccordion.html new file mode 100644 index 0000000..eb9e443 --- /dev/null +++ b/src/app/pages/tabs/sampleAccordion.html @@ -0,0 +1,22 @@ + + + This content is straight in the template. + + +

The body of the uib-accordion group grows to fit the contents

+ + + + Hello + + +

Please, to delete your account, click the button below

+ + + + + I can have markup, too! + + This is just some content to illustrate fancy headings. + + \ No newline at end of file diff --git a/src/app/pages/tabs/sideTabs.html b/src/app/pages/tabs/sideTabs.html new file mode 100644 index 0000000..6807ab6 --- /dev/null +++ b/src/app/pages/tabs/sideTabs.html @@ -0,0 +1,49 @@ + + +

+ Take up one idea. Make that one idea your life--think of it, dream of it, live on that idea. Let the brain, muscles, nerves, every part of your body, be full of that idea, and just leave every other idea alone. This is the way to success. +

+

+ People who succeed have momentum. The more they succeed, the more they want to succeed, and the more they find a way to succeed. Similarly, when someone is failing, the tendency is to get on a downward spiral that can even become a self-fulfilling prophecy. +

+ + +

+ You can't connect the dots looking forward; you can only connect them looking backwards. So you have to trust that the dots will somehow connect in your future. You have to trust in something--your gut, destiny, life, karma, whatever. This approach has never let me down, and it has made all the difference in my life. +

+

+ The reason most people never reach their goals is that they don't define them, or ever seriously consider them as believable or achievable. Winners can tell you where they are going, what they plan to do along the way, and who will be sharing the adventure with them. +

+ + +

+ Success is ... knowing your purpose in life, growing to reach your maximum potential, and sowing seeds that benefit others. +

+

Failure is the condiment that gives success its flavor.

+ + + + + +

+ Take up one idea. Make that one idea your life--think of it, dream of it, live on that idea. Let the brain, muscles, nerves, every part of your body, be full of that idea, and just leave every other idea alone. This is the way to success. +

+

+ People who succeed have momentum. The more they succeed, the more they want to succeed, and the more they find a way to succeed. Similarly, when someone is failing, the tendency is to get on a downward spiral that can even become a self-fulfilling prophecy. +

+ + +

+ You can't connect the dots looking forward; you can only connect them looking backwards. So you have to trust that the dots will somehow connect in your future. You have to trust in something--your gut, destiny, life, karma, whatever. This approach has never let me down, and it has made all the difference in my life. +

+

+ The reason most people never reach their goals is that they don't define them, or ever seriously consider them as believable or achievable. Winners can tell you where they are going, what they plan to do along the way, and who will be sharing the adventure with them. +

+ + +

+ Success is ... knowing your purpose in life, growing to reach your maximum potential, and sowing seeds that benefit others. +

+

Failure is the condiment that gives success its flavor.

+ + \ No newline at end of file diff --git a/src/app/pages/tabs/tabs.html b/src/app/pages/tabs/tabs.html index dd1259f..32d0761 100644 --- a/src/app/pages/tabs/tabs.html +++ b/src/app/pages/tabs/tabs.html @@ -1,126 +1,10 @@
-
- - -

- Take up one idea. Make that one idea your life--think of it, dream of it, live on that idea. Let the brain, muscles, nerves, every part of your body, be full of that idea, and just leave every other idea alone. This is the way to success. -

-

- People who succeed have momentum. The more they succeed, the more they want to succeed, and the more they find a way to succeed. Similarly, when someone is failing, the tendency is to get on a downward spiral that can even become a self-fulfilling prophecy. -

- - -

- You can't connect the dots looking forward; you can only connect them looking backwards. So you have to trust that the dots will somehow connect in your future. You have to trust in something--your gut, destiny, life, karma, whatever. This approach has never let me down, and it has made all the difference in my life. -

-

- The reason most people never reach their goals is that they don't define them, or ever seriously consider them as believable or achievable. Winners can tell you where they are going, what they plan to do along the way, and who will be sharing the adventure with them. -

- - - - - Dropdown tab - - - -
-

- Success is ... knowing your purpose in life, growing to reach your maximum potential, and sowing seeds that benefit others. -

-

Failure is the condiment that gives success its flavor.

-
-
-

- -

-
- - -
-
- - -

- Take up one idea. Make that one idea your life--think of it, dream of it, live on that idea. Let the brain, muscles, nerves, every part of your body, be full of that idea, and just leave every other idea alone. This is the way to success. -

-

- People who succeed have momentum. The more they succeed, the more they want to succeed, and the more they find a way to succeed. Similarly, when someone is failing, the tendency is to get on a downward spiral that can even become a self-fulfilling prophecy. -

- - -

- You can't connect the dots looking forward; you can only connect them looking backwards. So you have to trust that the dots will somehow connect in your future. You have to trust in something--your gut, destiny, life, karma, whatever. This approach has never let me down, and it has made all the difference in my life. -

-

- The reason most people never reach their goals is that they don't define them, or ever seriously consider them as believable or achievable. Winners can tell you where they are going, what they plan to do along the way, and who will be sharing the adventure with them. -

- - -

- Success is ... knowing your purpose in life, growing to reach your maximum potential, and sowing seeds that benefit others. -

-

Failure is the condiment that gives success its flavor.

- - - - - -

- Take up one idea. Make that one idea your life--think of it, dream of it, live on that idea. Let the brain, muscles, nerves, every part of your body, be full of that idea, and just leave every other idea alone. This is the way to success. -

-

- People who succeed have momentum. The more they succeed, the more they want to succeed, and the more they find a way to succeed. Similarly, when someone is failing, the tendency is to get on a downward spiral that can even become a self-fulfilling prophecy. -

- - -

- You can't connect the dots looking forward; you can only connect them looking backwards. So you have to trust that the dots will somehow connect in your future. You have to trust in something--your gut, destiny, life, karma, whatever. This approach has never let me down, and it has made all the difference in my life. -

-

- The reason most people never reach their goals is that they don't define them, or ever seriously consider them as believable or achievable. Winners can tell you where they are going, what they plan to do along the way, and who will be sharing the adventure with them. -

- - -

- Success is ... knowing your purpose in life, growing to reach your maximum potential, and sowing seeds that benefit others. -

-

Failure is the condiment that gives success its flavor.

- - -
+
+
-
-
- - - This content is straight in the template. - - -

The body of the uib-accordion group grows to fit the contents

- - - - Hello - - -

Please, to delete your account, click the button below

- - - - - I can have markup, too! - - This is just some content to illustrate fancy headings. - - -
-
- -
+
+
+
\ No newline at end of file diff --git a/src/sass/app/_tabsPage.scss b/src/sass/app/_tabsPage.scss index 14ec79d..5d56213 100644 --- a/src/sass/app/_tabsPage.scss +++ b/src/sass/app/_tabsPage.scss @@ -1,5 +1,9 @@ .tabset-group { - > div { + > div + div { margin-top: 15px; } +} + +.accordions-row { + margin-top: 30px; } \ No newline at end of file diff --git a/src/sass/theme/components/_accordion.scss b/src/sass/theme/components/_accordion.scss new file mode 100644 index 0000000..61208df --- /dev/null +++ b/src/sass/theme/components/_accordion.scss @@ -0,0 +1,27 @@ +.panel-group { + > .panel { + > .panel-heading { + padding: 0; + + > h4.panel-title { + height: 50px; + width: 100%; + padding: 0; + + > a { + display: block; + padding: 15px 22px; + width: 100%; + } + } + } + } + +} + +.panel-collapse { + transition: height $default-animation-duration $default-animation-style; + .panel-body { + padding: 15px; + } +} \ No newline at end of file diff --git a/src/sass/theme/components/_tabs.scss b/src/sass/theme/components/_tabs.scss index 38a62bb..fba7f52 100644 --- a/src/sass/theme/components/_tabs.scss +++ b/src/sass/theme/components/_tabs.scss @@ -124,6 +124,6 @@ } .tab-content { - padding: 10px 15px; + padding: 15px; background: #ffffff; } \ No newline at end of file diff --git a/src/sass/theme/conf/_variables.scss b/src/sass/theme/conf/_variables.scss index 2e29df8..0859fc9 100644 --- a/src/sass/theme/conf/_variables.scss +++ b/src/sass/theme/conf/_variables.scss @@ -58,6 +58,9 @@ $medium-panel-height: 400px; $extra-medium-panel-height: 550px; $large-panel-height: 974px; +$default-animation-duration: 0.2s; +$default-animation-style: ease-out; + $assets-root: '../assets/'; $images-root: $assets-root + 'img/'; $fonts-root: $assets-root + 'fonts/'; \ No newline at end of file