Skip to content

Commit 3283ab2

Browse files
devgkdevgk
committed
V 1.0.0
1 parent 3cde29d commit 3283ab2

36 files changed

+92
-84
lines changed

‎assets/.DS_Store

0 Bytes
Binary file not shown.

‎assets/css/addons/ripple/ripple.min.css

+1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎assets/css/miscellaneous/_ripple.scss ‎assets/css/addons/ripple/ripple.scss

File renamed without changes.

‎assets/css/colors/_dark-gray.scss

+3-44
Original file line numberDiff line numberDiff line change
@@ -1,49 +1,8 @@
1-
$bg_shade_x1: #373635;
2-
$bg_shade_x2: #474645;
3-
$bg_shade_x3: #575655;
4-
$bg_shade_x4: #d7d6d5;
5-
$bg_shade_x5: #e7e6e5;
6-
$bg_shade_x6: #f7f6f5;
7-
1+
@import 'dark-gray/variable';
82

93
body.dark-shade{
104
background-color: $bg_shade_x2;
115

12-
.bg-shade-1{
13-
background-color: $bg_shade_x1;
14-
}
15-
.bg-shade-2{
16-
background-color: $bg_shade_x2;
17-
}
18-
.bg-shade-3{
19-
background-color: $bg_shade_x3;
20-
}
21-
.bg-shade-4{
22-
background-color: $bg_shade_x4;
23-
}
24-
.bg-shade-5{
25-
background-color: $bg_shade_x5;
26-
}
27-
.bg-shade-6{
28-
background-color: $bg_shade_x6;
29-
}
30-
31-
.color-shade-1{
32-
background-color: $bg_shade_x1;
33-
}
34-
.color-shade-2{
35-
background-color: $bg_shade_x2;
36-
}
37-
.color-shade-3{
38-
background-color: $bg_shade_x3;
39-
}
40-
.color-shade-4{
41-
background-color: $bg_shade_x4;
42-
}
43-
.color-shade-5{
44-
background-color: $bg_shade_x5;
45-
}
46-
.color-shade-6{
47-
background-color: $bg_shade_x6;
48-
}
6+
@import 'dark-gray/basic';
7+
@import 'dark-gray/elements/nested-dropdown';
498
}

‎assets/css/colors/dark-gray/_basic.scss

+37
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
.bg-shade-1{
2+
background-color: $bg_shade_x1;
3+
}
4+
.bg-shade-2{
5+
background-color: $bg_shade_x2;
6+
}
7+
.bg-shade-3{
8+
background-color: $bg_shade_x3;
9+
}
10+
.bg-shade-4{
11+
background-color: $bg_shade_x4;
12+
}
13+
.bg-shade-5{
14+
background-color: $bg_shade_x5;
15+
}
16+
.bg-shade-6{
17+
background-color: $bg_shade_x6;
18+
}
19+
20+
.color-shade-1{
21+
background-color: $bg_shade_x1;
22+
}
23+
.color-shade-2{
24+
background-color: $bg_shade_x2;
25+
}
26+
.color-shade-3{
27+
background-color: $bg_shade_x3;
28+
}
29+
.color-shade-4{
30+
background-color: $bg_shade_x4;
31+
}
32+
.color-shade-5{
33+
background-color: $bg_shade_x5;
34+
}
35+
.color-shade-6{
36+
background-color: $bg_shade_x6;
37+
}

‎assets/css/colors/dark-gray/_variable.scss

+6
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
$bg_shade_x1: #272625;
2+
$bg_shade_x2: #373635;
3+
$bg_shade_x3: #474645;
4+
$bg_shade_x4: #d7d6d5;
5+
$bg_shade_x5: #e7e6e5;
6+
$bg_shade_x6: #f7f6f5;

‎assets/css/colors/dark-gray/elements/_nested-dropdown.scss

+19
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
.header-ndd-right{
2+
background-color: $bg_shade_x1;
3+
4+
.drawer{
5+
color: $bg_shade_x6;
6+
}
7+
8+
nav{
9+
background-color: $bg_shade_x1;
10+
}
11+
12+
a{
13+
color: $bg_shade_x6;
14+
}
15+
16+
.nested-dropdown-menu{
17+
background-color: $bg_shade_x1;
18+
}
19+
}

‎assets/css/colors/stag-uui-colors.min.css

+1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎assets/css/colors/stag-uui-colors.scss

+5
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
// Base
2+
@import "light-gray";
3+
4+
// Base
5+
@import "dark-gray";

‎assets/css/headers/_header-ndd-right.scss ‎assets/css/design/elements/headers/_nested-dropdown.scss

+1-12
Original file line numberDiff line numberDiff line change
@@ -20,10 +20,6 @@ $sidenav_menu_padding_y: 10px;
2020
margin: 0;
2121
}
2222

23-
nav{
24-
background-color: $color_more_light;
25-
}
26-
2723
.cta-blocks{
2824
float: right;
2925
>a{
@@ -127,6 +123,7 @@ $sidenav_menu_padding_y: 10px;
127123

128124
.nested-dropdown-menu{
129125
display: none;
126+
box-shadow: none !important;
130127

131128
.menu-item{
132129
padding-left: $sidenav_menu_padding_x;
@@ -201,7 +198,6 @@ $sidenav_menu_padding_y: 10px;
201198
display: none;
202199
width: $dropdown_menu_width;
203200
top: $height;
204-
background-color: $color_extra_light;
205201

206202
.menu-item{
207203
padding: 0 $dropdown_menu_padding_x;
@@ -260,13 +256,6 @@ $sidenav_menu_padding_y: 10px;
260256
}
261257
}
262258
}
263-
264-
nav.shadowed{
265-
.nested-dropdown-menu{
266-
box-shadow: 0 2px 6px rgba(0,0,0,0.08);
267-
border-radius: 3px;
268-
}
269-
}
270259
}
271260
}
272261
}

‎assets/css/design/stag-uui-design.min.css

+1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎assets/css/design/stag-uui-design.scss

+2
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
// Ripple
2+
@import "elements/headers/nested-dropdown";

‎assets/css/stag-uui.min.css

-1
This file was deleted.

‎assets/css/stag-uui.scss

-15
This file was deleted.

‎assets/css/variables/_color.scss

Whitespace-only changes.

‎assets/font-icons/Read Me.txt ‎assets/icons/Read Me.txt

File renamed without changes.

‎assets/font-icons/demo-files/demo.css ‎assets/icons/demo-files/demo.css

File renamed without changes.

‎assets/font-icons/demo-files/demo.js ‎assets/icons/demo-files/demo.js

File renamed without changes.

‎assets/font-icons/demo.html ‎assets/icons/demo.html

File renamed without changes.

‎assets/font-icons/fonts/WUUI-Font-Icon.eot ‎assets/icons/fonts/WUUI-Font-Icon.eot

File renamed without changes.

‎assets/font-icons/fonts/WUUI-Font-Icon.svg ‎assets/icons/fonts/WUUI-Font-Icon.svg

File renamed without changes.

‎assets/font-icons/fonts/WUUI-Font-Icon.ttf ‎assets/icons/fonts/WUUI-Font-Icon.ttf

File renamed without changes.

‎assets/font-icons/fonts/WUUI-Font-Icon.woff ‎assets/icons/fonts/WUUI-Font-Icon.woff

File renamed without changes.

‎assets/font-icons/selection.json ‎assets/icons/selection.json

File renamed without changes.

‎assets/font-icons/style.css ‎assets/icons/style.css

File renamed without changes.

‎assets/js/plugins/ripple-effect/ripple-effect.js ‎assets/js/addons/ripple/ripple-effect.js

File renamed without changes.

‎assets/js/plugins/ripple-effect/ripple-effect.min.js ‎assets/js/addons/ripple/ripple-effect.min.js

File renamed without changes.

‎assets/media/.DS_Store

6 KB
Binary file not shown.

‎assets/media/wuui-logo/.DS_Store

6 KB
Binary file not shown.

‎assets/media/wuui-logo/logo-hd-white.png

9.65 KB
Loading

‎assets/media/wuui-logo/logo-md-white.png

3.7 KB
Loading

‎assets/media/wuui-logo/logo-white.png

1.55 KB
Loading

‎dark.html

+10-9
Original file line numberDiff line numberDiff line change
@@ -8,14 +8,15 @@
88
<meta name="description" content="">
99
<meta name="viewport" content="width=device-width, initial-scale=1">
1010
<link rel="stylesheet" href="/assets/vendor/bootstrap/bootstrap.min.css">
11-
<link rel="stylesheet" href="/assets/css/stag-uui.min.css">
12-
<link rel="stylesheet" href="/assets/font-icons/style.css">
11+
<link rel="stylesheet" href="/assets/css/design/stag-uui-design.min.css">
12+
<link rel="stylesheet" href="/assets/css/colors/stag-uui-colors.min.css">
13+
<link rel="stylesheet" href="/assets/css/addons/icons/style.css">
1314
</head>
1415

1516
<body class="dark-shade">
1617

1718
<!-- Header -->
18-
<header class="header-ndd-right bg-shade-1">
19+
<header class="header-ndd-right shadow-sm">
1920
<div class="container">
2021
<div class="row">
2122
<div class="col-12 header-main-container">
@@ -45,7 +46,7 @@
4546
<span class="icon icon-keyboard_arrow_down"></span>
4647
</a>
4748
<!-- 1st Level Dropdown -->
48-
<ul class="nested-dropdown-menu">
49+
<ul class="nested-dropdown-menu shadow-sm">
4950
<li class="menu-item">
5051
<a class="" href="#">Website Development</a>
5152
</li>
@@ -56,7 +57,7 @@
5657
<span class="icon icon-keyboard_arrow_right d-lg-inline-block d-none"></span>
5758
</a>
5859
<!-- 2nd Level Dropdown -->
59-
<ul class="nested-dropdown-menu open-menu-right">
60+
<ul class="nested-dropdown-menu open-menu-right shadow-sm">
6061
<li class="menu-item">
6162
<a class="" href="#">Web Application</a>
6263
</li>
@@ -72,7 +73,7 @@
7273
<span class="icon icon-keyboard_arrow_right d-lg-inline-block d-none"></span>
7374
</a>
7475
<!-- 2nd Level Dropdown -->
75-
<ul class="nested-dropdown-menu open-menu-right">
76+
<ul class="nested-dropdown-menu open-menu-right shadow-sm">
7677
<li class="menu-item">
7778
<a class="" href="#">On Page SEO</a>
7879
</li>
@@ -95,7 +96,7 @@
9596
<span class="icon icon-keyboard_arrow_down"></span>
9697
</a>
9798
<!-- 1st Level Dropdown -->
98-
<ul class="nested-dropdown-menu">
99+
<ul class="nested-dropdown-menu shadow-sm">
99100
<li class="menu-item">
100101
<a class="" href="#">Website Development</a>
101102
</li>
@@ -125,7 +126,7 @@
125126

126127
<!-- Logo for branding -->
127128
<div class="logo wuui-ripple">
128-
<img class="h-100 p-3" src="/assets/media/wuui-logo/logo-md.png" />
129+
<img class="h-100 p-3" src="/assets/media/wuui-logo/logo-white.png"/>
129130
</div>
130131

131132
</div>
@@ -146,7 +147,7 @@
146147
<script src="/assets/vendor/jQuery/jquery-3.2.1.min.js"></script>
147148
<script src="/assets/vendor/popper/popper.min.js"></script>
148149
<script src="/assets/vendor/bootstrap/js/bootstrap.min.js"></script>
149-
<script src="/assets/js/plugins/ripple-effect/ripple-effect.min.js"></script>
150+
<script src="/assets/js/addons/ripple/ripple-effect.min.js"></script>
150151
<script src="/assets/js/stag-uui.js"></script>
151152
</body>
152153

0 commit comments

Comments
 (0)