jingrow/air-datepicker
1
0
Fork 0
mirror of https://github.com/frappe/air-datepicker.git synced 2026-01-14 11:01:22 +08:00
Code Issues Packages Projects Releases Wiki Activity

update styles for docs

Browse Source
This commit is contained in:
t1m0n 2015-11-30 12:38:14 +03:00
parent 131cbf731f
commit ba6692cd01
5 changed files with 18 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
docs/css/style.css
View File

File diff suppressed because one or more lines are too long

2
docs/index-ru.html
View File

@ -1,4 +1,4 @@
<!DOCTYPE html><html><head><title>Air Datepicker</title><meta charset="UTF-8"><link href="css/style.css" rel="stylesheet" type="text/css"><link href="css/github-gist.css" rel="stylesheet" type="text/css"><link href="../dist/css/datepicker.min.css" rel="stylesheet" type="text/css"><link href="https://fonts.googleapis.com/css?family=Fira+Sans:400,300,500&amp;subset=latin,cyrillic" rel="stylesheet" type="text/css"><script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script><script src="http://cdnjs.cloudflare.com/ajax/libs/highlight.js/8.9.1/highlight.min.js"></script><script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script><script src="../dist/js/datepicker.js"></script><script src="../dist/js/i18n/datepicker.en.js"></script></head><body><div class="wrapper"><main role="main" class="main"><div class="container"><a href="index.html" class="lang-link"><img src="img/en.png"><span>In English</span></a><h1 class="promo-header">AIR DATEPICKER<span>легкий кроссбраузерный jQuery календарь</span></h1><p class="-text-center-"><div class="datepicker-here datepicker-promo"></div><script>var $promo = $('.datepicker-promo'); <!DOCTYPE html><html><head><title>Air Datepicker</title><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1"><link href="css/style.css" rel="stylesheet" type="text/css"><link href="css/github-gist.css" rel="stylesheet" type="text/css"><link href="../dist/css/datepicker.min.css" rel="stylesheet" type="text/css"><link href="https://fonts.googleapis.com/css?family=Fira+Sans:400,300,500&amp;subset=latin,cyrillic" rel="stylesheet" type="text/css"><script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script><script src="http://cdnjs.cloudflare.com/ajax/libs/highlight.js/8.9.1/highlight.min.js"></script><script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script><script src="../dist/js/datepicker.js"></script><script src="../dist/js/i18n/datepicker.en.js"></script></head><body><div class="wrapper"><main role="main" class="main"><div class="container"><a href="index.html" class="lang-link"><img src="img/en.png"><span>In English</span></a><h1 class="promo-header">AIR DATEPICKER<span>легкий кроссбраузерный jQuery календарь</span></h1><p class="-text-center-"><div class="datepicker-here datepicker-promo"></div><script>var $promo = $('.datepicker-promo');
$promo.datepicker() $promo.datepicker()

2
docs/index.html
View File

@ -1,4 +1,4 @@
<!DOCTYPE html><html><head><title>Air Datepicker</title><meta charset="UTF-8"><link href="css/style.css" rel="stylesheet" type="text/css"><link href="css/github-gist.css" rel="stylesheet" type="text/css"><link href="../dist/css/datepicker.min.css" rel="stylesheet" type="text/css"><link href="https://fonts.googleapis.com/css?family=Fira+Sans:400,300,500&amp;subset=latin,cyrillic" rel="stylesheet" type="text/css"><script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script><script src="http://cdnjs.cloudflare.com/ajax/libs/highlight.js/8.9.1/highlight.min.js"></script><script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script><script src="../dist/js/datepicker.js"></script><script src="../dist/js/i18n/datepicker.en.js"></script></head><body><div class="wrapper"><main role="main" class="main"><div class="container"><a href="index-ru.html" class="lang-link"><img src="img/ru.png"><span>На русском языке</span></a><h1 class="promo-header">AIR DATEPICKER<span>lightweight cross-browser jQuery datepicker</span></h1><p class="-text-center-"><div class="datepicker-here datepicker-promo"></div><script>var $promo = $('.datepicker-promo'); <!DOCTYPE html><html><head><title>Air Datepicker</title><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1"><link href="css/style.css" rel="stylesheet" type="text/css"><link href="css/github-gist.css" rel="stylesheet" type="text/css"><link href="../dist/css/datepicker.min.css" rel="stylesheet" type="text/css"><link href="https://fonts.googleapis.com/css?family=Fira+Sans:400,300,500&amp;subset=latin,cyrillic" rel="stylesheet" type="text/css"><script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script><script src="http://cdnjs.cloudflare.com/ajax/libs/highlight.js/8.9.1/highlight.min.js"></script><script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script><script src="../dist/js/datepicker.js"></script><script src="../dist/js/i18n/datepicker.en.js"></script></head><body><div class="wrapper"><main role="main" class="main"><div class="container"><a href="index-ru.html" class="lang-link"><img src="img/ru.png"><span>На русском языке</span></a><h1 class="promo-header">AIR DATEPICKER<span>lightweight cross-browser jQuery datepicker</span></h1><p class="-text-center-"><div class="datepicker-here datepicker-promo"></div><script>var $promo = $('.datepicker-promo');
$promo.datepicker({ $promo.datepicker({
language: 'en' language: 'en'
})</script></p><article><h2 id="intro">Description</h2><p>Light (<strong>~20kb</strong> minified js file and <strong>~5.5kb</strong> gziped) cross-browser calendar, built with<span class="example-inline"><code>es5</code></span>and<span class="example-inline"><code class="js">css flexbox</code></span>.Works in all modern browsers: })</script></p><article><h2 id="intro">Description</h2><p>Light (<strong>~20kb</strong> minified js file and <strong>~5.5kb</strong> gziped) cross-browser calendar, built with<span class="example-inline"><code>es5</code></span>and<span class="example-inline"><code class="js">css flexbox</code></span>.Works in all modern browsers:

1
docs/jade/layout.jade
View File

@ -10,6 +10,7 @@ html
head head
title Air Datepicker title Air Datepicker
meta(charset='UTF-8') meta(charset='UTF-8')
meta(name="viewport" content="width=device-width, initial-scale=1")
link(href='css/style.css', rel='stylesheet', type='text/css') link(href='css/style.css', rel='stylesheet', type='text/css')
link(href='css/github-gist.css', rel='stylesheet', type='text/css') link(href='css/github-gist.css', rel='stylesheet', type='text/css')
link(href='../dist/css/datepicker.min.css', rel='stylesheet', type='text/css') link(href='../dist/css/datepicker.min.css', rel='stylesheet', type='text/css')

21
docs/sass/_docs.scss
View File

@ -2,12 +2,15 @@
Page styles Page styles
------------------------------------------------- */ ------------------------------------------------- */
$minWidthBreakPoint: 650px;
$fontFamily: Tahoma, sans-serif; $fontFamily: Tahoma, sans-serif;
html { html {
color: #333; color: #333;
font-family: $fontFamily; font-family: $fontFamily;
font-size: 14px; font-size: 14px;
min-width: 320px;
} }
p { p {
@ -86,7 +89,7 @@ article {
margin-right: 20px; margin-right: 20px;
} }
@media all and (max-width: 650px) { @media all and (max-width: $minWidthBreakPoint) {
margin-right: 20px; margin-right: 20px;
margin-left: 20px; margin-left: 20px;
} }
@ -190,6 +193,11 @@ $exampleBorderRadius: 4px;
.example-content { .example-content {
padding: 32px; padding: 32px;
@media all and (max-width: $minWidthBreakPoint) {
padding-left: 4%;
padding-right: 4%;
}
h1, h2, h3 { h1, h2, h3 {
&:first-child { &:first-child {
margin-top: 0; margin-top: 0;
@ -328,7 +336,7 @@ a {
bottom: 0; bottom: 0;
box-shadow: 0 0 4px rgba(0, 0, 0, .3); box-shadow: 0 0 4px rgba(0, 0, 0, .3);
@media all and (max-width: 650px) { @media all and (max-width: $minWidthBreakPoint) {
display: none; display: none;
} }
@ -350,19 +358,18 @@ a {
.nav { .nav {
position: absolute; position: absolute;
padding: 18px; padding: 18px;
right: -20px; right: 0;
top: 0; top: 0;
left: 0; left: 0;
bottom: 0; bottom: 0;
overflow: auto; overflow-y: scroll;
-webkit-overflow-scrolling: touch;
} }
.nav--section { .nav--section {
margin-bottom: 20px; margin-bottom: 20px;
&:last-child {
margin-bottom: 0;
}
} }
.nav--section-title { .nav--section-title {
line-height: 1; line-height: 1;