dbroqua/KNACSS
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add google maps boolean

Browse source
This commit is contained in:
Raphael Goetter 2014-04-20 20:56:10 +02:00
parent 0bc8b1d8f2
commit f4405e239c
5 changed files with 145 additions and 141 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
css/01-base.css
View file

@ -199,15 +199,6 @@ video {
table {
margin-bottom: 1.5em;
}
/* Google Gmap3 bug fix on images */
:not(.gm-style) img {
height: auto;
}
.gm-style img,
.gmnoscreen img,
.gmnoprint img {
max-width: none !important;
}
/* scripts */
body > script {
display: none !important;

131
css/09-booleans.css
View file

@ -1,65 +1,11 @@
/* styling elements */
code,
kbd,
mark {
border-radius: 2px;
/* Google Gmap3 bug fix on images */
:not(.gm-style) img {
height: auto;
}
kbd {
padding: 0 2px;
border: 1px solid #999;
}
code {
padding: 2px 4px;
background: rgba(0, 0, 0, 0.04);
color: #b11;
}
pre code {
padding: none;
background: none;
color: inherit;
border-radius: 0;
}
mark {
padding: 2px 4px;
background: #ff0;
}
sup,
sub {
vertical-align: 0;
position: relative;
}
sup {
bottom: 1ex;
}
sub {
top: .5ex;
}
blockquote {
margin-left: 0;
padding-left: 1em;
border-left: 4px solid rgba(0, 0, 0, 0.15);
font-style: italic;
}
q {
font-style: normal;
}
q,
.q {
quotes: "“\00a0" "\00a0”";
}
q:lang(fr),
.q:lang(fr) {
quotes: "«\00a0" "\00a0»";
}
hr {
display: block;
clear: both;
height: 1px;
margin: 1em 0 2em;
padding: 0;
border: 0;
color: #ccc;
background-color: #ccc;
.gm-style img,
.gmnoscreen img,
.gmnoprint img {
max-width: none !important;
}
/* IE678 support */
.ie678 h1,
@ -148,3 +94,66 @@ hr {
hyphens: auto;
}
}
/* styling elements */
code,
kbd,
mark {
border-radius: 2px;
}
kbd {
padding: 0 2px;
border: 1px solid #999;
}
code {
padding: 2px 4px;
background: rgba(0, 0, 0, 0.04);
color: #b11;
}
pre code {
padding: none;
background: none;
color: inherit;
border-radius: 0;
}
mark {
padding: 2px 4px;
background: #ff0;
}
sup,
sub {
vertical-align: 0;
position: relative;
}
sup {
bottom: 1ex;
}
sub {
top: .5ex;
}
blockquote {
margin-left: 0;
padding-left: 1em;
border-left: 4px solid rgba(0, 0, 0, 0.15);
font-style: italic;
}
q {
font-style: normal;
}
q,
.q {
quotes: "“\00a0" "\00a0”";
}
q:lang(fr),
.q:lang(fr) {
quotes: "«\00a0" "\00a0»";
}
hr {
display: block;
clear: both;
height: 1px;
margin: 1em 0 2em;
padding: 0;
border: 0;
color: #ccc;
background-color: #ccc;
}

1
less/00-config.less
View file

@ -4,6 +4,7 @@
// booleans
@ie678 : true; // "true" to activate IE6/IE7/IE8 support
@styling : true; // "true" to design basic elements like code, mark, blockquotes, etc.
@gmaps : true; // if google maps is used
@skip-links : true; // "true" to design skip links for accessibility concerns
@hyphens : true; // activate automatic hyphens on small screens
@helpers-width : true; // decide whether or not you need width helpers

10
less/01-base.less
View file

@ -174,16 +174,6 @@ img, table, td, blockquote, code, pre, textarea, input, video {
/* margin-bottom on tables */
table { margin-bottom: 1.5em; }
/* Google Gmap3 bug fix on images */
:not(.gm-style) img {
height: auto;
}
.gm-style img,
.gmnoscreen img,
.gmnoprint img {
max-width: none !important;
}
/* scripts */
body > script {display: none !important;}

135
less/09-booleans.less
View file

@ -1,67 +1,15 @@
@import "00-config";
// Styling boolean
& when (@styling = true) {
/* styling elements */
code, kbd, mark {
border-radius: 2px;
// google maps boolean
& when (@gmaps = true) {
/* Google Gmap3 bug fix on images */
:not(.gm-style) img {
height: auto;
}
kbd {
padding: 0 2px;
border: 1px solid #999;
}
code {
padding: 2px 4px;
background: rgba(0,0,0,.04);
color: #b11;
}
pre code {
padding: none;
background: none;
color: inherit;
border-radius: 0;
}
mark {
padding:2px 4px;
background: #ff0;
}
sup,
sub {
vertical-align: 0;
position: relative;
}
sup {
bottom: 1ex;
}
sub {
top: .5ex;
}
blockquote {
margin-left: 0;
padding-left: 1em;
border-left: 4px solid rgba(0,0,0,.15);
font-style: italic;
}
q {
font-style: normal;
}
q,
.q {
quotes: "“\00a0" "\00a0”";
}
q:lang(fr),
.q:lang(fr) {
quotes: "«\00a0" "\00a0»";
}
hr {
display: block;
clear: both;
height: 1px;
margin: 1em 0 2em;
padding: 0;
border: 0;
color: #ccc;
background-color: #ccc;
.gm-style img,
.gmnoscreen img,
.gmnoprint img {
max-width: none !important;
}
}
@ -153,3 +101,68 @@
}
}
}
// Styling boolean
& when (@styling = true) {
/* styling elements */
code, kbd, mark {
border-radius: 2px;
}
kbd {
padding: 0 2px;
border: 1px solid #999;
}
code {
padding: 2px 4px;
background: rgba(0,0,0,.04);
color: #b11;
}
pre code {
padding: none;
background: none;
color: inherit;
border-radius: 0;
}
mark {
padding:2px 4px;
background: #ff0;
}
sup,
sub {
vertical-align: 0;
position: relative;
}
sup {
bottom: 1ex;
}
sub {
top: .5ex;
}
blockquote {
margin-left: 0;
padding-left: 1em;
border-left: 4px solid rgba(0,0,0,.15);
font-style: italic;
}
q {
font-style: normal;
}
q,
.q {
quotes: "“\00a0" "\00a0”";
}
q:lang(fr),
.q:lang(fr) {
quotes: "«\00a0" "\00a0»";
}
hr {
display: block;
clear: both;
height: 1px;
margin: 1em 0 2em;
padding: 0;
border: 0;
color: #ccc;
background-color: #ccc;
}
}