Summary Files Commits Branches @commit @diff @stats
path: root / docs / css / docs.less
diff options
context:
space:
mode:
Commiteec526773f8853876945c4d8dd4020c420dd64d2 (patch)
Author
 Yan Zhu <picturepan2@hotmail.com>
2017-03-13 12:58:56 +0800
Committer
 Yan Zhu <picturepan2@hotmail.com>
2017-03-13 12:58:56 +0800
Files6d7ae1a8cd85a3baca1e9ab6b180203ccc947e9c /docs/css/docs.less
Spectre-Dark-Gruvbox-eec526773f8853876945c4d8dd4020c420dd64d2.tar
Spectre-Dark-Gruvbox-eec526773f8853876945c4d8dd4020c420dd64d2.tar.gz
Spectre-Dark-Gruvbox-eec526773f8853876945c4d8dd4020c420dd64d2.zip
Parent7dc3d8728c5949e1f629bb6b6bb83ef3c744f40f (diff)
Fix Navbar and Calendars example and move docs.less dir
1 files changed, 0 insertions, 291 deletions
-rw-r--r--docs/css/docs.less291
diff --git a/docs/css/docs.less b/docs/css/docs.less
deleted file mode 100644
index 5f1f81e..0000000
--- a/docs/css/docs.less
+++ /dev/null
@@ -1,291 +0,0 @@
-/*! Spectre.css Docs | MIT License | github.com/picturepan2/spectre */
-/* Spectre version */
-.version::after {
- content: "0.2.9";
-}
-
-/* Spectre docs style */
-.bg-gray {
- background: #f6f6f6;
- color: #666;
- padding: 1rem;
-}
-
-.bg-dark {
- background: #333;
- color: #fff;
- padding: 1rem;
-}
-
-.bg-primary {
- background: #5764c6;
- color: #fff;
- padding: 1rem;
-}
-
-.section-header {
- padding: 1rem .5rem;
- position: fixed;
- top: 0;
- width: 100%;
- z-index: 499;
-}
-
-.section-hero {
- position: relative;
- z-index: 999;
-}
-
-.grid-header {
- .navbar {
- height: 4rem;
- }
-
- .navbar-section {
- padding: 0;
- }
-
- .navbar-brand {
- color: #444;
- }
-
- .btn-link {
- color: #666;
- padding-left: .6rem;
- padding-right: .6rem;
-
- &:hover,
- &:focus,
- &:active {
- color: #444;
- opacity: .75;
- }
- }
-}
-
-.grid-hero {
- margin-top: 10rem;
- margin-bottom: 4rem;
-
- h1 {
- color: #555;
- font-weight: 400;
- font-size: 3.2rem;
- }
- h2 {
- color: #666;
- font-size: 1.8rem;
- font-weight: 400;
- line-height: 3rem;
- margin-bottom: 3rem;
-
- u {
- border-bottom: .2rem solid #666;
- padding-bottom: .1rem;
- text-decoration: none;
- }
- }
-
- .card {
- background: none;
- border: 0;
- color: #666;
- padding: 1rem;
-
- .card-title {
- color: #5764c6;
- font-size: 1.8rem;
- margin-bottom: 0;
- }
- }
-}
-
-.grid-footer {
- color: #888;
- margin-top: 4rem;
- margin-bottom: 3rem;
-
- a {
- color: #666;
- }
-}
-
-.grid-ads {
- border-radius: .2rem;
- display: block;
- height: 12rem;
- margin: 2rem auto;
- max-width: 64rem;
- padding: 1rem;
- width: 100%
-}
-
-.docs-content {
- color: #666;
- padding-top: 0;
-
- .container {
- padding: 1rem;
- }
-
- header {
- color: #444;
- padding-top: 6rem;
- }
-
- .notes {
- margin: 4rem 0;
- }
-
- .docs-block {
- border-radius: .2rem;
- padding: 1rem .5rem;
- }
-
- .docs-dot {
- border-radius: 50%;
- display: inline-block;
- height: 1rem;
- padding: 0;
- width: 1rem;
- }
-
- .docs-table {
- th,
- td {
- padding: 1.5rem .5rem;
- }
- }
-
- h1,
- h2,
- h3,
- h4,
- h5,
- h6 {
- margin-top: 2rem;
- margin-bottom: 2rem;
- }
-
- .panel {
- height: 75vh;
- }
-
- .code {
- .com {
- color: #c5c5c5;
- }
- .tag {
- color: #5764c6;
- }
- .atn {
- color: #666;
- }
- .atv {
- color: #e06870;
- }
- }
-
- .empty .icon {
- font-size: 4rem;
- }
-
- .navbar-brand .icon {
- font-size: 3rem;
- }
-
- .form-autocomplete .menu {
- position: static;
- }
-
- .example-tile-icon {
- align-content: space-around;
- align-items: center;
- background: #5764c6;
- border-radius: .2rem;
- color: #fff;
- display: flex;
- font-size: 2.4rem;
- height: 4rem;
- width: 4rem;
- }
-}
-
-@media screen and (min-width: 601px) {
- .section-header {
- .navbar-section {
- padding: 0 .5rem;
- }
- }
-
- .docs-sidebar {
- padding: 7rem 1rem;
-
- .docs-nav {
- position: relative;
- }
-
- @supports (position: sticky) {
- .docs-nav {
- position: sticky;
- top: 8rem;
-
- // A position: sticky; bug casues box-shadow generates width to the elements
- .nav-item a:focus {
- box-shadow: none;
- }
- }
- }
- }
-}
-
-.docs-nav-clear {
- display: none;
-}
-
-// Spectre.css Docs Mobile experience
-@media screen and (max-width: 600px) {
- .grid-hero {
- h2 {
- font-size: 1.8rem;
- }
- .card {
- padding: 0;
- }
- }
-
- .docs-sidebar {
- background: #fff;
- height: 100%;
- overflow-y: auto;
- padding: 6rem 3rem;
- position: fixed;
- left: 0;
- top: 0;
- transform: translateX(-100%);
- transition: transform .2s ease;
- width: 24rem;
- z-index: 999;
-
- &:target {
- transform: translateX(0);
- transition: transform .2s ease;
-
- & + .docs-nav-clear {
- display: block;
- }
- }
- }
-
- .docs-nav-clear {
- background: rgba(0, 0, 0, .15);
- display: none;
- height: 100%;
- left: 0;
- right: 0;
- top: 0;
- position: fixed;
- width: 100%;
- z-index: 499;
- }
-}