Skip to content

Commit 00b559e

Browse files
author
Joe Crick
committed
(master): menu
1 parent d4e3343 commit 00b559e

10 files changed

+125
-128
lines changed

‎baby-blue.css

Lines changed: 21 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -935,7 +935,7 @@ aside a, aside a:visited {
935935
position: relative;
936936
padding-left: 0;
937937
}
938-
#layout.active .pcssc-menu {
938+
#layout.active .baby-blue-menu {
939939
left: 160px;
940940
width: 160px;
941941
}
@@ -1119,7 +1119,7 @@ code {
11191119

11201120
/* Add transition to containers so they can push in and out */
11211121
#layout,
1122-
.pcssc-menu,
1122+
.baby-blue-menu,
11231123
.menu-link {
11241124
-webkit-transition: all 0.2s ease-out;
11251125
-moz-transition: all 0.2s ease-out;
@@ -1132,8 +1132,8 @@ code {
11321132
left: 160px;
11331133
}
11341134

1135-
.pcssc-menu {
1136-
margin-left: -160px; /* ".pcssc-menu" width */
1135+
.baby-blue-menu {
1136+
margin-left: -160px; /* ".baby-blue-menu" width */
11371137
width: 160px;
11381138
position: fixed;
11391139
top: 0;
@@ -1144,39 +1144,39 @@ code {
11441144
overflow-y: auto;
11451145
-webkit-overflow-scrolling: touch;
11461146
}
1147-
.pcssc-menu a {
1147+
.baby-blue-menu a {
11481148
color: #999;
11491149
border: none;
11501150
white-space: normal;
11511151
padding: 0.625em 1em;
11521152
}
11531153

1154-
.pcssc-menu .pure-menu-open {
1154+
.baby-blue-menu .pure-menu-open {
11551155
background: transparent;
11561156
border: 0;
11571157
}
11581158

1159-
.pcssc-menu .pure-menu ul {
1159+
.baby-blue-menu .pure-menu ul {
11601160
border: none;
11611161
background: transparent;
11621162
display: block;
11631163
}
11641164

1165-
.pcssc-menu .pure-menu ul,
1166-
.pcssc-menu .pure-menu .menu-item-divided {
1165+
.baby-blue-menu .pure-menu ul,
1166+
.baby-blue-menu .pure-menu .menu-item-divided {
11671167
border-top: 1px solid #333;
11681168
}
11691169

1170-
.pcssc-menu .pure-menu li a:hover,
1171-
.pcssc-menu .pure-menu li a:focus {
1170+
.baby-blue-menu .pure-menu li a:hover,
1171+
.baby-blue-menu .pure-menu li a:focus {
11721172
background: #333;
11731173
}
11741174

11751175
.menu-link {
11761176
position: fixed;
11771177
display: block; /* show this only on small screens */
11781178
top: 0;
1179-
left: 0; /* ".pcssc-menu width" */
1179+
left: 0; /* ".baby-blue-menu width" */
11801180
background: #000;
11811181
background: rgba(0,0,0,0.7);
11821182
font-size: 11px; /* change this value to increase/decrease button size */
@@ -1241,7 +1241,7 @@ code {
12411241
transform: rotate(-45deg) translate(.4em, -.3em);
12421242
}
12431243

1244-
.pcssc-menu .pure-menu-heading {
1244+
.baby-blue-menu .pure-menu-heading {
12451245
font-size: 125%;
12461246
font-weight: 300;
12471247
letter-spacing: 0.1em;
@@ -1250,21 +1250,21 @@ code {
12501250
padding: 0.5em 0.8em;
12511251
text-transform: uppercase;
12521252
}
1253-
.pcssc-menu .pure-menu-heading:hover,
1254-
.pcssc-menu .pure-menu-heading:focus {
1253+
.baby-blue-menu .pure-menu-heading:hover,
1254+
.baby-blue-menu .pure-menu-heading:focus {
12551255
color: #999;
12561256
}
12571257

1258-
.pcssc-menu .pure-menu-selected {
1258+
.baby-blue-menu .pure-menu-selected {
12591259
background: #1f8dd6;
12601260
}
12611261

1262-
.pcssc-menu .pure-menu-selected a {
1262+
.baby-blue-menu .pure-menu-selected a {
12631263
color: #fff;
12641264
}
12651265

1266-
.pcssc-menu li.pure-menu-selected a:hover,
1267-
.pcssc-menu li.pure-menu-selected a:focus {
1266+
.baby-blue-menu li.pure-menu-selected a:hover,
1267+
.baby-blue-menu li.pure-menu-selected a:focus {
12681268
background: none;
12691269
}
12701270

@@ -1464,10 +1464,10 @@ a.pure-button-primary {
14641464
@media (min-width: 58em) {
14651465

14661466
#layout {
1467-
padding-left: 160px; /* left col width ".pcssc-menu" */
1467+
padding-left: 160px; /* left col width ".baby-blue-menu" */
14681468
left: 0;
14691469
}
1470-
.pcssc-menu {
1470+
.baby-blue-menu {
14711471
left: 160px;
14721472
}
14731473
.menu-link {

‎index.html

Lines changed: 35 additions & 53 deletions
Original file line numberDiff line numberDiff line change
@@ -17,72 +17,54 @@
1717

1818
<div id="layout">
1919

20-
<div class="position-fix-this">
20+
<div class="pcssc-menu">
21+
<a class="pure-menu-heading" href="#top">Pure
22+
<div class="small-caps">components</div>
23+
</a>
2124
<div tabindex="0" class="menu-link dropdown">
2225
<span></span>
2326
</div>
2427
<ul class="dropdown-content pure-menu-list pure-menu">
28+
<li class="pure-menu-item">
29+
<a href="#installation" class="pure-menu-link">Installation</a>
30+
</li>
31+
<li class="pure-menu-item menu-item-divided">
32+
<a href="#accordion" class="pure-menu-link">Accordion</a>
33+
</li>
34+
<li class="pure-menu-item">
35+
<a href="#alert" class="pure-menu-link">Alert</a>
36+
</li>
37+
<li class="pure-menu-item">
38+
<a href="#carousel" class="pure-menu-link">Carousel</a>
39+
</li>
2540
<li class="pure-menu-item">
2641
<a href="#collapse" class="pure-menu-link">Collapse</a>
2742
</li>
2843
<li class="pure-menu-item">
2944
<a href="#dropdown" class="pure-menu-link">Dropdown</a>
3045
</li>
46+
<li class="pure-menu-item">
47+
<a href="#modal" class="pure-menu-link">Modal</a>
48+
</li>
49+
<li class="pure-menu-item">
50+
<a href="#popover" class="pure-menu-link">Popover</a>
51+
</li>
52+
<li class="pure-menu-item">
53+
<a href="#tabs" class="pure-menu-link">Tabs</a>
54+
</li>
55+
<li class="pure-menu-item">
56+
<a href="#tooltip" class="pure-menu-link">Tooltip</a>
57+
</li>
58+
<li class="pure-menu-item menu-item-divided ">
59+
<a href="#js-utils" class="pure-menu-link">JS Utils</a>
60+
</li>
61+
<li class="pure-menu-item menu-item-divided ">
62+
<a href="https://github.com/joe-crick/pure-css-components/releases"
63+
class="pure-menu-link">Releases</a>
64+
</li>
3165
</ul>
3266
</div>
3367

34-
<!--<div class="full-page-menu">-->
35-
<!--<a href="#menu" id="menuLink" class="menu-link pcssc-menu-extend">-->
36-
<!--<span></span>-->
37-
<!--</a>-->
38-
<!--<div class="pcssc-menu">-->
39-
<!--<div class="pure-menu">-->
40-
<!--<a class="pure-menu-heading" href="#top">Pure-->
41-
<!--<div class="small-caps">components</div>-->
42-
<!--</a>-->
43-
<!--<ul class="pure-menu-list">-->
44-
<!--<li class="pure-menu-item">-->
45-
<!--<a href="#installation" class="pure-menu-link">Installation</a>-->
46-
<!--</li>-->
47-
<!--<li class="pure-menu-item menu-item-divided">-->
48-
<!--<a href="#accordion" class="pure-menu-link">Accordion</a>-->
49-
<!--</li>-->
50-
<!--<li class="pure-menu-item">-->
51-
<!--<a href="#alert" class="pure-menu-link">Alert</a>-->
52-
<!--</li>-->
53-
<!--<li class="pure-menu-item">-->
54-
<!--<a href="#carousel" class="pure-menu-link">Carousel</a>-->
55-
<!--</li>-->
56-
<!--<li class="pure-menu-item">-->
57-
<!--<a href="#collapse" class="pure-menu-link">Collapse</a>-->
58-
<!--</li>-->
59-
<!--<li class="pure-menu-item">-->
60-
<!--<a href="#dropdown" class="pure-menu-link">Dropdown</a>-->
61-
<!--</li>-->
62-
<!--<li class="pure-menu-item">-->
63-
<!--<a href="#modal" class="pure-menu-link">Modal</a>-->
64-
<!--</li>-->
65-
<!--<li class="pure-menu-item">-->
66-
<!--<a href="#popover" class="pure-menu-link">Popover</a>-->
67-
<!--</li>-->
68-
<!--<li class="pure-menu-item">-->
69-
<!--<a href="#tabs" class="pure-menu-link">Tabs</a>-->
70-
<!--</li>-->
71-
<!--<li class="pure-menu-item">-->
72-
<!--<a href="#tooltip" class="pure-menu-link">Tooltip</a>-->
73-
<!--</li>-->
74-
<!--<li class="pure-menu-item menu-item-divided ">-->
75-
<!--<a href="#js-utils" class="pure-menu-link">JS Utils</a>-->
76-
<!--</li>-->
77-
<!--<li class="pure-menu-item menu-item-divided ">-->
78-
<!--<a href="https://github.com/joe-crick/pure-css-components/releases"-->
79-
<!--class="pure-menu-link">Releases</a>-->
80-
<!--</li>-->
81-
<!--</ul>-->
82-
<!--</div>-->
83-
<!--</div>-->
84-
<!--</div>-->
85-
8668
<div id="main">
8769
<a href="https://github.com/you">
8870
<img style="position: absolute; top: 0; right: 0; border: 0;"

‎main.css

Lines changed: 30 additions & 25 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)