Skip to content

Commit ccd99eb

Browse files
moyusmoyus
committed
Update
1 parent 402921c commit ccd99eb

60 files changed

Lines changed: 1830 additions & 768 deletions

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎dist/point.css‎

Lines changed: 21 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -3242,15 +3242,14 @@ fieldset[disabled] .btn {
32423242
/* ## Menu
32433243
---------------------------------*/
32443244
.menu {
3245-
font-size: 16px;
3246-
line-height: 1.5;
3245+
position: relative;
32473246
}
32483247

32493248
.menu__heading {
32503249
color: #616161;
32513250
font-size: 14px;
32523251
line-height: 1.25;
3253-
margin-bottom: 4px;
3252+
margin-bottom: 8px;
32543253
}
32553254

32563255
.menu__list {
@@ -3267,10 +3266,14 @@ fieldset[disabled] .btn {
32673266
.menu__link {
32683267
display: flex;
32693268
align-items: center;
3269+
align-content: center;
32703270
flex-wrap: wrap;
3271-
padding: 8px 8px;
3271+
padding: 6px 12px;
32723272
border-radius: 4px;
32733273
color: #212121;
3274+
font-size: 16px;
3275+
line-height: 1.375;
3276+
height: 34px;
32743277
cursor: pointer;
32753278
}
32763279

@@ -3291,6 +3294,7 @@ fieldset[disabled] .btn {
32913294
justify-content: center;
32923295
text-align: center;
32933296
margin-right: 8px;
3297+
margin-left: -4px;
32943298
}
32953299

32963300
.menu__label {
@@ -3317,41 +3321,35 @@ fieldset[disabled] .btn {
33173321
background-color: #dbdbdb;
33183322
}
33193323

3320-
.menu__item > .menu__list {
3324+
.menu__item .menu__list {
33213325
display: none;
3322-
margin: 4px 0 8px 18px;
3323-
padding: 0 0 0 12px;
3326+
margin: 4px 0 8px 22px;
3327+
padding: 0 0 0 6px;
33243328
border-left: 1px solid #e5e5e5;
33253329
}
33263330

3327-
.menu__item > .menu__list > .menu__item > .menu__link {
3328-
padding: 6px 6px;
3329-
}
3330-
33313331
.menu__item.is-active > .menu__list {
33323332
display: block;
33333333
}
33343334

3335-
.menu.menu--sm {
3335+
.menu.menu--sm .menu__heading {
33363336
font-size: 14px;
3337-
line-height: 1.42857143;
33383337
}
33393338

3340-
.menu.menu--sm > .menu__heading {
3339+
.menu.menu--sm .menu__link {
3340+
padding: 6px 12px;
33413341
font-size: 14px;
3342+
line-height: 1.42857143;
3343+
height: 32px;
33423344
}
33433345

3344-
.menu.menu--sm > .menu__list > .menu__item > .menu__link {
3345-
padding: 8px 8px;
3346-
}
3347-
3348-
.menu.menu--sm > .menu__list > .menu__item > .menu__list {
3349-
margin: 4px 0 8px 18px;
3350-
padding: 0 0 0 12px;
3346+
.menu.menu--sm .menu__icon {
3347+
margin-left: -4px;
33513348
}
33523349

3353-
.menu.menu--sm > .menu__list > .menu__item > .menu__list > .menu__item > .menu__link {
3354-
padding: 6px 6px;
3350+
.menu.menu--sm .menu__item .menu__list {
3351+
margin: 4px 0 8px 22px;
3352+
padding: 0 0 0 6px;
33553353
}
33563354

33573355
.menu.menu--dark .menu__heading {

‎dist/point.min.css‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎docs/badge.html‎

Lines changed: 59 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -46,130 +46,169 @@
4646
<!-- END .site__header -->
4747
<div class="site__content">
4848
<div id="sidebar" class="site__sidebar">
49-
<nav id="navigation" class="menu" data-toggle="menu">
49+
50+
<nav id="navigation" class="menu" data-toggle="menu">
5051
<ul class="menu__list">
52+
5153
<li class="menu__item">
52-
<a class="menu__link">GETTING STARTED</a>
54+
<a class="menu__link">Getting Started</a>
5355
<ul class="menu__list">
56+
5457
<li class="menu__item">
55-
<a href="https://moyus.github.io/pointcss" class="menu__link">Introduction</a>
58+
<a href="https://moyus.github.io/pointcss/" class="menu__link">Introduction</a>
5659
</li>
60+
5761
<li class="menu__item">
5862
<a href="https://moyus.github.io/pointcss/#installation" class="menu__link">Installation</a>
5963
</li>
64+
6065
<li class="menu__item">
6166
<a href="https://moyus.github.io/pointcss/#customization" class="menu__link">Customization</a>
6267
</li>
68+
6369
<li class="menu__item">
6470
<a href="https://moyus.github.io/pointcss/#browser-support" class="menu__link">Browser Support</a>
6571
</li>
72+
6673
<li class="menu__item">
6774
<a href="https://moyus.github.io/pointcss/style-guide.html" class="menu__link">Style Guide</a>
6875
</li>
76+
6977
</ul>
7078
<li>
71-
72-
<li class="menu__item">
73-
<a class="menu__link">CONTENT</a>
79+
80+
<li class="menu__item">
81+
<a class="menu__link">Content</a>
7482
<ul class="menu__list">
83+
7584
<li class="menu__item">
7685
<a href="https://moyus.github.io/pointcss/typography.html" class="menu__link">Typography</a>
7786
</li>
87+
7888
<li class="menu__item">
7989
<a href="https://moyus.github.io/pointcss/table.html" class="menu__link">Table</a>
8090
</li>
91+
8192
<li class="menu__item">
8293
<a href="https://moyus.github.io/pointcss/media.html" class="menu__link">Media</a>
8394
</li>
95+
8496
</ul>
85-
</li>
86-
87-
<li class="menu__item">
88-
<a class="menu__link">LAYOUTS</a>
97+
<li>
98+
99+
<li class="menu__item">
100+
<a class="menu__link">Layouts</a>
89101
<ul class="menu__list">
102+
90103
<li class="menu__item">
91104
<a href="https://moyus.github.io/pointcss/container.html" class="menu__link">Container</a>
92105
</li>
106+
93107
<li class="menu__item">
94108
<a href="https://moyus.github.io/pointcss/flex-grid.html" class="menu__link">Flex Grid</a>
95109
</li>
110+
96111
<li class="menu__item">
97112
<a href="https://moyus.github.io/pointcss/level.html" class="menu__link">Level</a>
98113
</li>
114+
99115
</ul>
100-
</li>
101-
102-
<li class="menu__item">
103-
<a class="menu__link">COMPONENTS</a>
116+
<li>
117+
118+
<li class="menu__item is-active">
119+
<a class="menu__link">Components</a>
104120
<ul class="menu__list">
121+
105122
<li class="menu__item">
106-
<a href="https://moyus.github.io/pointcss/badge.html" class="menu__link">Badge</a>
123+
<a href="https://moyus.github.io/pointcss/badge.html" class="menu__link is-active">Badge</a>
107124
</li>
125+
108126
<li class="menu__item">
109127
<a href="https://moyus.github.io/pointcss/box.html" class="menu__link">Box</a>
110128
</li>
129+
111130
<li class="menu__item">
112131
<a href="https://moyus.github.io/pointcss/breadcrumb.html" class="menu__link">Breadcrumb</a>
113132
</li>
133+
114134
<li class="menu__item">
115135
<a href="https://moyus.github.io/pointcss/button.html" class="menu__link">Button</a>
116136
</li>
137+
117138
<li class="menu__item">
118139
<a href="https://moyus.github.io/pointcss/dropdown.html" class="menu__link">Dropdown</a>
119140
</li>
141+
120142
<li class="menu__item">
121143
<a href="https://moyus.github.io/pointcss/form.html" class="menu__link">Form</a>
122144
</li>
145+
123146
<li class="menu__item">
124147
<a href="https://moyus.github.io/pointcss/hint.html" class="menu__link">Hint</a>
125148
</li>
149+
126150
<li class="menu__item">
127151
<a href="https://moyus.github.io/pointcss/list.html" class="menu__link">List</a>
128152
</li>
153+
129154
<li class="menu__item">
130155
<a href="https://moyus.github.io/pointcss/modal.html" class="menu__link">Modal</a>
131156
</li>
157+
132158
<li class="menu__item">
133159
<a href="https://moyus.github.io/pointcss/menu.html" class="menu__link">Menu</a>
134160
</li>
161+
135162
<li class="menu__item">
136163
<a href="https://moyus.github.io/pointcss/nav.html" class="menu__link">Nav</a>
137164
</li>
165+
138166
<li class="menu__item">
139167
<a href="https://moyus.github.io/pointcss/navbar.html" class="menu__link">Navbar</a>
140168
</li>
169+
141170
<li class="menu__item">
142171
<a href="https://moyus.github.io/pointcss/note.html" class="menu__link">Note</a>
143172
</li>
173+
144174
<li class="menu__item">
145175
<a href="https://moyus.github.io/pointcss/pagination.html" class="menu__link">Pagination</a>
146176
</li>
177+
147178
<li class="menu__item">
148179
<a href="https://moyus.github.io/pointcss/progress.html" class="menu__link">Progress</a>
149180
</li>
181+
150182
</ul>
151-
</li>
152-
153-
<li class="menu__item">
154-
<a class="menu__link">UTILITIES</a>
183+
<li>
184+
185+
<li class="menu__item">
186+
<a class="menu__link">Utilities</a>
155187
<ul class="menu__list">
188+
156189
<li class="menu__item">
157190
<a href="https://moyus.github.io/pointcss/color.html" class="menu__link">Color</a>
158191
</li>
192+
159193
<li class="menu__item">
160194
<a href="https://moyus.github.io/pointcss/effect.html" class="menu__link">Effect</a>
161195
</li>
196+
162197
<li class="menu__item">
163198
<a href="https://moyus.github.io/pointcss/layout.html" class="menu__link">Layout</a>
164199
</li>
200+
165201
<li class="menu__item">
166202
<a href="https://moyus.github.io/pointcss/spacing.html" class="menu__link">Spacing</a>
167203
</li>
204+
168205
<li class="menu__item">
169206
<a href="https://moyus.github.io/pointcss/text.html" class="menu__link">Text</a>
170207
</li>
208+
171209
</ul>
172-
</li>
210+
<li>
211+
173212
</ul>
174213
</nav>
175214

0 commit comments

Comments
 (0)