Skip to content

Commit 0d8354c

Browse files
committed
Update docs
1 parent b7aee3b commit 0d8354c

40 files changed

+579
-491
lines changed

docs/badge.html

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -8,9 +8,9 @@
88
<meta name="description" content="A flexible CSS Framework for building modern responsive web apps">
99
<meta name="keywords" content="css,sass,flexbox,responsive,front-end,mobile-friendly,framework,web">
1010
<link rel="shortcut icon" href="https://moyus.github.io/pointcss/images/favicon.ico" />
11-
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/point.css?v=200alpha12">
12-
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/style.css?v=200alpha12">
13-
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/prism.css?v=200alpha12">
11+
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/point.css?v=200alpha13">
12+
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/style.css?v=200alpha13">
13+
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/prism.css?v=200alpha13">
1414
</head>
1515
<body>
1616
<div id="docs" class="site">
@@ -22,9 +22,9 @@
2222
</a>
2323
</div>
2424
<div class="navbar__end">
25-
<div class="navbar__item hidden-until@lg">
25+
<div class="navbar__item shown@lg">
2626
<div class="site__metadata">
27-
<span>v2.0.0-alpha.12</span>
27+
<span>v2.0.0-alpha.13</span>
2828
<a href="https://github.com/moyus/pointcss" title="Github" target="_blank">
2929
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
3030
<path d="M10 0a10 10 0 0 0-3.16 19.49c.5.1.68-.22.68-.48l-.01-1.7c-2.78.6-3.37-1.34-3.37-1.34-.46-1.16-1.11-1.47-1.11-1.47-.9-.62.07-.6.07-.6 1 .07 1.53 1.03 1.53 1.03.9 1.52 2.34 1.08 2.91.83.1-.65.35-1.09.63-1.34-2.22-.25-4.55-1.11-4.55-4.94 0-1.1.39-1.99 1.03-2.69a3.6 3.6 0 0 1 .1-2.64s.84-.27 2.75 1.02a9.58 9.58 0 0 1 5 0c1.91-1.3 2.75-1.02 2.75-1.02.55 1.37.2 2.4.1 2.64.64.7 1.03 1.6 1.03 2.69 0 3.84-2.34 4.68-4.57 4.93.36.31.68.92.68 1.85l-.01 2.75c0 .26.18.58.69.48A10 10 0 0 0 10 0" fill="currentColor"></path>
@@ -33,7 +33,7 @@
3333
</div>
3434
</div>
3535
<div class="navbar__item hidden@lg">
36-
<button class="btn js-sidebar-trigger">
36+
<button class="btn btn--icon" data-toggle data-target="sidebar">
3737
<span class="flex items-center">
3838
<i class="icon-menu"></i>
3939
</span>
@@ -46,7 +46,7 @@
4646
<!-- END .site__header -->
4747
<div class="site__content">
4848
<div id="sidebar" class="site__sidebar">
49-
<nav id="navigation" class="menu">
49+
<nav id="navigation" class="menu" data-toggle="menu">
5050
<ul class="menu__list">
5151
<li class="menu__item">
5252
<a class="menu__link">GETTING STARTED</a>
@@ -330,6 +330,6 @@ <h2 id="position">
330330
</div>
331331
<!-- END .site -->
332332
<script src="https://moyus.github.io/pointcss/js/prism.js"></script>
333-
<script src="https://moyus.github.io/pointcss/js/main.js"></script>
333+
<script src="https://moyus.github.io/pointcss/js/point.js"></script>
334334
</body>
335335
</html>

docs/box.html

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -8,9 +8,9 @@
88
<meta name="description" content="A flexible CSS Framework for building modern responsive web apps">
99
<meta name="keywords" content="css,sass,flexbox,responsive,front-end,mobile-friendly,framework,web">
1010
<link rel="shortcut icon" href="https://moyus.github.io/pointcss/images/favicon.ico" />
11-
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/point.css?v=200alpha12">
12-
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/style.css?v=200alpha12">
13-
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/prism.css?v=200alpha12">
11+
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/point.css?v=200alpha13">
12+
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/style.css?v=200alpha13">
13+
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/prism.css?v=200alpha13">
1414
</head>
1515
<body>
1616
<div id="docs" class="site">
@@ -22,9 +22,9 @@
2222
</a>
2323
</div>
2424
<div class="navbar__end">
25-
<div class="navbar__item hidden-until@lg">
25+
<div class="navbar__item shown@lg">
2626
<div class="site__metadata">
27-
<span>v2.0.0-alpha.12</span>
27+
<span>v2.0.0-alpha.13</span>
2828
<a href="https://github.com/moyus/pointcss" title="Github" target="_blank">
2929
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
3030
<path d="M10 0a10 10 0 0 0-3.16 19.49c.5.1.68-.22.68-.48l-.01-1.7c-2.78.6-3.37-1.34-3.37-1.34-.46-1.16-1.11-1.47-1.11-1.47-.9-.62.07-.6.07-.6 1 .07 1.53 1.03 1.53 1.03.9 1.52 2.34 1.08 2.91.83.1-.65.35-1.09.63-1.34-2.22-.25-4.55-1.11-4.55-4.94 0-1.1.39-1.99 1.03-2.69a3.6 3.6 0 0 1 .1-2.64s.84-.27 2.75 1.02a9.58 9.58 0 0 1 5 0c1.91-1.3 2.75-1.02 2.75-1.02.55 1.37.2 2.4.1 2.64.64.7 1.03 1.6 1.03 2.69 0 3.84-2.34 4.68-4.57 4.93.36.31.68.92.68 1.85l-.01 2.75c0 .26.18.58.69.48A10 10 0 0 0 10 0" fill="currentColor"></path>
@@ -33,7 +33,7 @@
3333
</div>
3434
</div>
3535
<div class="navbar__item hidden@lg">
36-
<button class="btn js-sidebar-trigger">
36+
<button class="btn btn--icon" data-toggle data-target="sidebar">
3737
<span class="flex items-center">
3838
<i class="icon-menu"></i>
3939
</span>
@@ -46,7 +46,7 @@
4646
<!-- END .site__header -->
4747
<div class="site__content">
4848
<div id="sidebar" class="site__sidebar">
49-
<nav id="navigation" class="menu">
49+
<nav id="navigation" class="menu" data-toggle="menu">
5050
<ul class="menu__list">
5151
<li class="menu__item">
5252
<a class="menu__link">GETTING STARTED</a>
@@ -377,6 +377,6 @@ <h2 id="accordion">
377377
</div>
378378
<!-- END .site -->
379379
<script src="https://moyus.github.io/pointcss/js/prism.js"></script>
380-
<script src="https://moyus.github.io/pointcss/js/main.js"></script>
380+
<script src="https://moyus.github.io/pointcss/js/point.js"></script>
381381
</body>
382382
</html>

docs/breadcrumb.html

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -8,9 +8,9 @@
88
<meta name="description" content="A flexible CSS Framework for building modern responsive web apps">
99
<meta name="keywords" content="css,sass,flexbox,responsive,front-end,mobile-friendly,framework,web">
1010
<link rel="shortcut icon" href="https://moyus.github.io/pointcss/images/favicon.ico" />
11-
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/point.css?v=200alpha12">
12-
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/style.css?v=200alpha12">
13-
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/prism.css?v=200alpha12">
11+
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/point.css?v=200alpha13">
12+
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/style.css?v=200alpha13">
13+
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/prism.css?v=200alpha13">
1414
</head>
1515
<body>
1616
<div id="docs" class="site">
@@ -22,9 +22,9 @@
2222
</a>
2323
</div>
2424
<div class="navbar__end">
25-
<div class="navbar__item hidden-until@lg">
25+
<div class="navbar__item shown@lg">
2626
<div class="site__metadata">
27-
<span>v2.0.0-alpha.12</span>
27+
<span>v2.0.0-alpha.13</span>
2828
<a href="https://github.com/moyus/pointcss" title="Github" target="_blank">
2929
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
3030
<path d="M10 0a10 10 0 0 0-3.16 19.49c.5.1.68-.22.68-.48l-.01-1.7c-2.78.6-3.37-1.34-3.37-1.34-.46-1.16-1.11-1.47-1.11-1.47-.9-.62.07-.6.07-.6 1 .07 1.53 1.03 1.53 1.03.9 1.52 2.34 1.08 2.91.83.1-.65.35-1.09.63-1.34-2.22-.25-4.55-1.11-4.55-4.94 0-1.1.39-1.99 1.03-2.69a3.6 3.6 0 0 1 .1-2.64s.84-.27 2.75 1.02a9.58 9.58 0 0 1 5 0c1.91-1.3 2.75-1.02 2.75-1.02.55 1.37.2 2.4.1 2.64.64.7 1.03 1.6 1.03 2.69 0 3.84-2.34 4.68-4.57 4.93.36.31.68.92.68 1.85l-.01 2.75c0 .26.18.58.69.48A10 10 0 0 0 10 0" fill="currentColor"></path>
@@ -33,7 +33,7 @@
3333
</div>
3434
</div>
3535
<div class="navbar__item hidden@lg">
36-
<button class="btn js-sidebar-trigger">
36+
<button class="btn btn--icon" data-toggle data-target="sidebar">
3737
<span class="flex items-center">
3838
<i class="icon-menu"></i>
3939
</span>
@@ -46,7 +46,7 @@
4646
<!-- END .site__header -->
4747
<div class="site__content">
4848
<div id="sidebar" class="site__sidebar">
49-
<nav id="navigation" class="menu">
49+
<nav id="navigation" class="menu" data-toggle="menu">
5050
<ul class="menu__list">
5151
<li class="menu__item">
5252
<a class="menu__link">GETTING STARTED</a>
@@ -223,6 +223,6 @@ <h1 id="breadcrumb"><span>Breadcrumb</span></h1><section class="snippet">
223223
</div>
224224
<!-- END .site -->
225225
<script src="https://moyus.github.io/pointcss/js/prism.js"></script>
226-
<script src="https://moyus.github.io/pointcss/js/main.js"></script>
226+
<script src="https://moyus.github.io/pointcss/js/point.js"></script>
227227
</body>
228228
</html>

docs/button.html

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -8,9 +8,9 @@
88
<meta name="description" content="A flexible CSS Framework for building modern responsive web apps">
99
<meta name="keywords" content="css,sass,flexbox,responsive,front-end,mobile-friendly,framework,web">
1010
<link rel="shortcut icon" href="https://moyus.github.io/pointcss/images/favicon.ico" />
11-
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/point.css?v=200alpha12">
12-
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/style.css?v=200alpha12">
13-
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/prism.css?v=200alpha12">
11+
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/point.css?v=200alpha13">
12+
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/style.css?v=200alpha13">
13+
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/prism.css?v=200alpha13">
1414
</head>
1515
<body>
1616
<div id="docs" class="site">
@@ -22,9 +22,9 @@
2222
</a>
2323
</div>
2424
<div class="navbar__end">
25-
<div class="navbar__item hidden-until@lg">
25+
<div class="navbar__item shown@lg">
2626
<div class="site__metadata">
27-
<span>v2.0.0-alpha.12</span>
27+
<span>v2.0.0-alpha.13</span>
2828
<a href="https://github.com/moyus/pointcss" title="Github" target="_blank">
2929
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
3030
<path d="M10 0a10 10 0 0 0-3.16 19.49c.5.1.68-.22.68-.48l-.01-1.7c-2.78.6-3.37-1.34-3.37-1.34-.46-1.16-1.11-1.47-1.11-1.47-.9-.62.07-.6.07-.6 1 .07 1.53 1.03 1.53 1.03.9 1.52 2.34 1.08 2.91.83.1-.65.35-1.09.63-1.34-2.22-.25-4.55-1.11-4.55-4.94 0-1.1.39-1.99 1.03-2.69a3.6 3.6 0 0 1 .1-2.64s.84-.27 2.75 1.02a9.58 9.58 0 0 1 5 0c1.91-1.3 2.75-1.02 2.75-1.02.55 1.37.2 2.4.1 2.64.64.7 1.03 1.6 1.03 2.69 0 3.84-2.34 4.68-4.57 4.93.36.31.68.92.68 1.85l-.01 2.75c0 .26.18.58.69.48A10 10 0 0 0 10 0" fill="currentColor"></path>
@@ -33,7 +33,7 @@
3333
</div>
3434
</div>
3535
<div class="navbar__item hidden@lg">
36-
<button class="btn js-sidebar-trigger">
36+
<button class="btn btn--icon" data-toggle data-target="sidebar">
3737
<span class="flex items-center">
3838
<i class="icon-menu"></i>
3939
</span>
@@ -46,7 +46,7 @@
4646
<!-- END .site__header -->
4747
<div class="site__content">
4848
<div id="sidebar" class="site__sidebar">
49-
<nav id="navigation" class="menu">
49+
<nav id="navigation" class="menu" data-toggle="menu">
5050
<ul class="menu__list">
5151
<li class="menu__item">
5252
<a class="menu__link">GETTING STARTED</a>
@@ -359,6 +359,6 @@ <h2 id="group">
359359
</div>
360360
<!-- END .site -->
361361
<script src="https://moyus.github.io/pointcss/js/prism.js"></script>
362-
<script src="https://moyus.github.io/pointcss/js/main.js"></script>
362+
<script src="https://moyus.github.io/pointcss/js/point.js"></script>
363363
</body>
364364
</html>

docs/color.html

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -8,9 +8,9 @@
88
<meta name="description" content="A flexible CSS Framework for building modern responsive web apps">
99
<meta name="keywords" content="css,sass,flexbox,responsive,front-end,mobile-friendly,framework,web">
1010
<link rel="shortcut icon" href="https://moyus.github.io/pointcss/images/favicon.ico" />
11-
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/point.css?v=200alpha12">
12-
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/style.css?v=200alpha12">
13-
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/prism.css?v=200alpha12">
11+
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/point.css?v=200alpha13">
12+
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/style.css?v=200alpha13">
13+
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/prism.css?v=200alpha13">
1414
</head>
1515
<body>
1616
<div id="docs" class="site">
@@ -22,9 +22,9 @@
2222
</a>
2323
</div>
2424
<div class="navbar__end">
25-
<div class="navbar__item hidden-until@lg">
25+
<div class="navbar__item shown@lg">
2626
<div class="site__metadata">
27-
<span>v2.0.0-alpha.12</span>
27+
<span>v2.0.0-alpha.13</span>
2828
<a href="https://github.com/moyus/pointcss" title="Github" target="_blank">
2929
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
3030
<path d="M10 0a10 10 0 0 0-3.16 19.49c.5.1.68-.22.68-.48l-.01-1.7c-2.78.6-3.37-1.34-3.37-1.34-.46-1.16-1.11-1.47-1.11-1.47-.9-.62.07-.6.07-.6 1 .07 1.53 1.03 1.53 1.03.9 1.52 2.34 1.08 2.91.83.1-.65.35-1.09.63-1.34-2.22-.25-4.55-1.11-4.55-4.94 0-1.1.39-1.99 1.03-2.69a3.6 3.6 0 0 1 .1-2.64s.84-.27 2.75 1.02a9.58 9.58 0 0 1 5 0c1.91-1.3 2.75-1.02 2.75-1.02.55 1.37.2 2.4.1 2.64.64.7 1.03 1.6 1.03 2.69 0 3.84-2.34 4.68-4.57 4.93.36.31.68.92.68 1.85l-.01 2.75c0 .26.18.58.69.48A10 10 0 0 0 10 0" fill="currentColor"></path>
@@ -33,7 +33,7 @@
3333
</div>
3434
</div>
3535
<div class="navbar__item hidden@lg">
36-
<button class="btn js-sidebar-trigger">
36+
<button class="btn btn--icon" data-toggle data-target="sidebar">
3737
<span class="flex items-center">
3838
<i class="icon-menu"></i>
3939
</span>
@@ -46,7 +46,7 @@
4646
<!-- END .site__header -->
4747
<div class="site__content">
4848
<div id="sidebar" class="site__sidebar">
49-
<nav id="navigation" class="menu">
49+
<nav id="navigation" class="menu" data-toggle="menu">
5050
<ul class="menu__list">
5151
<li class="menu__item">
5252
<a class="menu__link">GETTING STARTED</a>
@@ -358,6 +358,6 @@ <h2 id="background-color">
358358
</div>
359359
<!-- END .site -->
360360
<script src="https://moyus.github.io/pointcss/js/prism.js"></script>
361-
<script src="https://moyus.github.io/pointcss/js/main.js"></script>
361+
<script src="https://moyus.github.io/pointcss/js/point.js"></script>
362362
</body>
363363
</html>

docs/container.html

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -8,9 +8,9 @@
88
<meta name="description" content="A flexible CSS Framework for building modern responsive web apps">
99
<meta name="keywords" content="css,sass,flexbox,responsive,front-end,mobile-friendly,framework,web">
1010
<link rel="shortcut icon" href="https://moyus.github.io/pointcss/images/favicon.ico" />
11-
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/point.css?v=200alpha12">
12-
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/style.css?v=200alpha12">
13-
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/prism.css?v=200alpha12">
11+
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/point.css?v=200alpha13">
12+
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/style.css?v=200alpha13">
13+
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/prism.css?v=200alpha13">
1414
</head>
1515
<body>
1616
<div id="docs" class="site">
@@ -22,9 +22,9 @@
2222
</a>
2323
</div>
2424
<div class="navbar__end">
25-
<div class="navbar__item hidden-until@lg">
25+
<div class="navbar__item shown@lg">
2626
<div class="site__metadata">
27-
<span>v2.0.0-alpha.12</span>
27+
<span>v2.0.0-alpha.13</span>
2828
<a href="https://github.com/moyus/pointcss" title="Github" target="_blank">
2929
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
3030
<path d="M10 0a10 10 0 0 0-3.16 19.49c.5.1.68-.22.68-.48l-.01-1.7c-2.78.6-3.37-1.34-3.37-1.34-.46-1.16-1.11-1.47-1.11-1.47-.9-.62.07-.6.07-.6 1 .07 1.53 1.03 1.53 1.03.9 1.52 2.34 1.08 2.91.83.1-.65.35-1.09.63-1.34-2.22-.25-4.55-1.11-4.55-4.94 0-1.1.39-1.99 1.03-2.69a3.6 3.6 0 0 1 .1-2.64s.84-.27 2.75 1.02a9.58 9.58 0 0 1 5 0c1.91-1.3 2.75-1.02 2.75-1.02.55 1.37.2 2.4.1 2.64.64.7 1.03 1.6 1.03 2.69 0 3.84-2.34 4.68-4.57 4.93.36.31.68.92.68 1.85l-.01 2.75c0 .26.18.58.69.48A10 10 0 0 0 10 0" fill="currentColor"></path>
@@ -33,7 +33,7 @@
3333
</div>
3434
</div>
3535
<div class="navbar__item hidden@lg">
36-
<button class="btn js-sidebar-trigger">
36+
<button class="btn btn--icon" data-toggle data-target="sidebar">
3737
<span class="flex items-center">
3838
<i class="icon-menu"></i>
3939
</span>
@@ -46,7 +46,7 @@
4646
<!-- END .site__header -->
4747
<div class="site__content">
4848
<div id="sidebar" class="site__sidebar">
49-
<nav id="navigation" class="menu">
49+
<nav id="navigation" class="menu" data-toggle="menu">
5050
<ul class="menu__list">
5151
<li class="menu__item">
5252
<a class="menu__link">GETTING STARTED</a>
@@ -222,6 +222,6 @@ <h1 id="container"><span>Container</span></h1><p>The <code>.container</code> wid
222222
</div>
223223
<!-- END .site -->
224224
<script src="https://moyus.github.io/pointcss/js/prism.js"></script>
225-
<script src="https://moyus.github.io/pointcss/js/main.js"></script>
225+
<script src="https://moyus.github.io/pointcss/js/point.js"></script>
226226
</body>
227227
</html>

docs/css/point.css

Lines changed: 17 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
/*!
22
* @moyu/pointcss
3-
* @version v2.0.0-alpha.12
3+
* @version v2.0.0-alpha.13
44
* @link https://github.com/moyus/pointcss
55
* @author moyu <moyuboy@gmail.com> (https://moyu.io)
66
* @license MIT
@@ -2306,7 +2306,7 @@ fieldset[disabled] .btn {
23062306
display: inline-block;
23072307
}
23082308

2309-
.dropdown__trigger::-webkit-details-marker {
2309+
.dropdown__toggle::-webkit-details-marker {
23102310
display: none;
23112311
}
23122312

@@ -3118,7 +3118,7 @@ fieldset[disabled] .btn {
31183118

31193119
/* ## Modal
31203120
---------------------------------*/
3121-
.modal-wrapper {
3121+
.modal {
31223122
position: fixed;
31233123
top: 0;
31243124
left: 0;
@@ -3132,11 +3132,11 @@ fieldset[disabled] .btn {
31323132
-ms-overflow-style: -ms-autohiding-scrollbar;
31333133
}
31343134

3135-
.modal-wrapper::-webkit-scrollbar {
3135+
.modal::-webkit-scrollbar {
31363136
display: none;
31373137
}
31383138

3139-
.modal {
3139+
.modal__content {
31403140
position: relative;
31413141
display: flex;
31423142
flex-direction: column;
@@ -3175,9 +3175,15 @@ fieldset[disabled] .btn {
31753175
line-height: 1;
31763176
color: #616161;
31773177
font-size: 20px;
3178+
margin: 0;
3179+
padding: 0;
3180+
border: 0;
31783181
border-radius: 4px;
31793182
background-color: #f7f7f7;
31803183
font-family: Helvetica, Arial, sans-serif;
3184+
-webkit-appearance: none;
3185+
-moz-appearance: none;
3186+
appearance: none;
31813187
}
31823188

31833189
.modal__close:hover {
@@ -3201,11 +3207,15 @@ fieldset[disabled] .btn {
32013207
text-align: right;
32023208
}
32033209

3204-
.modal.modal--sm {
3210+
.modal.modal--mask {
3211+
background-color: rgba(0, 0, 0, 0.5);
3212+
}
3213+
3214+
.modal.modal--sm .modal__content {
32053215
max-width: 480px;
32063216
}
32073217

3208-
.modal.modal--lg {
3218+
.modal.modal--lg .modal__content {
32093219
max-width: 900px;
32103220
}
32113221

docs/css/style.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -113,7 +113,7 @@
113113
z-index: 15;
114114
transition: transform 300ms ease;
115115
}
116-
.site__sidebar.is-open {
116+
.site__sidebar.is-active {
117117
box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
118118
transform: translate(220px, 0);
119119
}

0 commit comments

Comments
 (0)