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

Restauration du $ avant les variables pour des raisons de compatibilité

Browse source
This commit is contained in:
Arnaud CARIOU 2017-03-16 15:12:06 +01:00
parent 7e97249bae
commit 2aa7f8cb9d
18 changed files with 416 additions and 396 deletions
Download patch file Download diff file Expand all files Collapse all files

80
styl/library/_base.styl
View file

@ -17,22 +17,22 @@ html
font-size calc(1em * 0.625)
body
font-size base-font-size
background-color base-background
color base-color
font-family font-stack-common
line-height line-height
font-size $base-font-size
background-color $base-background
color $base-color
font-family $font-stack-common
line-height $line-height
a
color link-color
color $link-color
// No styling on focus/hover if there's no effect. Avoids to then have to
// override it countless times. See Issue #232
if link-hover-color is defined // && ( null == list( (link-color, null, false), link-hover-color) )
if $link-hover-color is defined // && ( null == list( (link-color, null, false), link-hover-color) )
&:focus,
&:hover,
&:active
color link-hover-color
color $link-hover-color
ul
ol
@ -48,7 +48,7 @@ figure
/* font-sizing for content */
p
.{kna-namespace}p-like
.{$kna-namespace}p-like
ul
ol
dl
@ -65,42 +65,42 @@ figure
margin-bottom 0
line-height line-height
h1 .{kna-namespace}h1-like
font-size h1-size
if font-stack-headings is defined && font-stack-headings != font-stack-common
font-family font-stack-headings
h1 .{$kna-namespace}h1-like
font-size $h1-size
if $font-stack-headings is defined && $font-stack-headings != $font-stack-common
font-family $font-stack-headings
h2 .{kna-namespace}h2-like
font-size h2-size
if font-stack-headings is defined && font-stack-headings != font-stack-common
font-family font-stack-headings
h2 .{$kna-namespace}h2-like
font-size $h2-size
if $font-stack-headings is defined && $font-stack-headings != $font-stack-common
font-family $font-stack-headings
h3 .{kna-namespace}h3-like
font-size h3-size
h3 .{$kna-namespace}h3-like
font-size $h3-size
h4 .{kna-namespace}h4-like
font-size h4-size
h4 .{$kna-namespace}h4-like
font-size $h4-size
h5 .{kna-namespace}h5-like
font-size h5-size
h5 .{$kna-namespace}h5-like
font-size $h5-size
h6 .{kna-namespace}h6-like
font-size h6-size
h6 .{$kna-namespace}h6-like
font-size $h6-size
/* alternate font-sizing */
.{kna-namespace}smaller
.{$kna-namespace}smaller
font-size 0.6em
.{kna-namespace}small
.{$kna-namespace}small
font-size 0.8em
.{kna-namespace}big
.{$kna-namespace}big
font-size 1.2em
.{kna-namespace}bigger
.{$kna-namespace}bigger
font-size: 1.5em
.{kna-namespace}biggest
.{$kna-namespace}biggest
font-size 2em
code
@ -110,11 +110,11 @@ kbd
/* IE fix */
white-space pre-line
white-space pre-wrap
font-family font-stack-monospace
font-family $font-stack-monospace
line-height normal
em
.{kna-namespace}italic
.{$kna-namespace}italic
address
cite
i
@ -123,30 +123,30 @@ var
/* avoid top margins on first content element */
p
.{kna-namespace}p-like
.{$kna-namespace}p-like
ul
ol
dl
blockquote
pre
h1
.{kna-namespace}h1-like
.{$kna-namespace}h1-like
h2
.{kna-namespace}h2-like
.{$kna-namespace}h2-like
h3
.{kna-namespace}h3-like
.{$kna-namespace}h3-like
h4
.{kna-namespace}h4-like
.{$kna-namespace}h4-like
h5
.{kna-namespace}h5-like
.{$kna-namespace}h5-like
h6
.{kna-namespace}h6-like
.{$kna-namespace}h6-like
&:first-child
margin-top 0
/* avoid margins on nested elements */
li p
li .{kna-namespace}p-like
li .{$kna-namespace}p-like
li ul
li ol
margin-top 0

10
styl/library/_forms.styl
View file

@ -7,7 +7,7 @@
*/
/* buttons */
.{kna-namespace}btn
.{$kna-namespace}btn
display inline-block
/* forms items */
@ -19,7 +19,7 @@ input
button
select
label
.{kna-namespace}btn
.{$kna-namespace}btn
font-family inherit
font-size inherit
@ -28,7 +28,7 @@ input
optgroup
select
textarea
color base-color
color $base-color
label
vertical-align middle
@ -66,7 +66,7 @@ input:-moz-placeholder
textarea:-moz-placeholder
color #777
.{kna-namespace}btn
.{$kna-namespace}btn
input[type="button"]
button
&:focus
@ -82,7 +82,7 @@ button
input[type="button"]
input[type="submit"]
input[type="reset"]
&.{kna-namespace}unstyled
&.{$kna-namespace}unstyled
padding 0
border none
line-height 1

6
styl/library/_misc.styl
View file

@ -3,7 +3,7 @@
/* ----------------------------- */
/* styling skip links */
.{kna-namespace}skip-links
.{$kna-namespace}skip-links
position absolute
& a
@ -21,7 +21,7 @@
clip auto
// hyphens on tiny screens
@media (max-width: tiny)
@media (max-width: $tiny)
/* you shall not pass */
div
textarea
@ -35,7 +35,7 @@
hyphens auto
// use .no-wrapping to disallow hyphens on tiny screens
@media (max-width: tiny)
@media (max-width: $tiny)
.no-wrapping
word-wrap normal
hyphens manual

26
styl/library/_print.styl
View file

@ -15,34 +15,34 @@
font-size 12pt
p
.{kna-namespace}p-like
.{$kna-namespace}p-like
h1
.{kna-namespace}h1-like
.{$kna-namespace}h1-like
h2
.{kna-namespace}h2-like
.{$kna-namespace}h2-like
h3
.{kna-namespace}h3-like
.{$kna-namespace}h3-like
h4
.{kna-namespace}h4-like
.{$kna-namespace}h4-like
h5
.{kna-namespace}h5-like
.{$kna-namespace}h5-like
h6
.{kna-namespace}h6-like
.{$kna-namespace}h6-like
blockquote
ul
ol
color #000
margin auto
.{kna-namespace}print
.{$kna-namespace}print
display block
.{kna-namespace}no-print
.{$kna-namespace}no-print
display none
/* no orphans, no widows */
p
.{kna-namespace}p-like
.{$kna-namespace}p-like
blockquote
orphans 3
widows 3
@ -61,11 +61,11 @@
/* no breaks after these elements */
h1
.{kna-namespace}h1-like
.{$kna-namespace}h1-like
h2
.{kna-namespace}h2-like
.{$kna-namespace}h2-like
h3
.{kna-namespace}h3-like
.{$kna-namespace}h3-like
caption
page-break-after avoid

8
styl/library/_styling.styl
View file

@ -19,9 +19,9 @@ code
pre code
padding 0
border-radius 0
background none
color inherit
border-radius 0
mark
padding 2px 4px
@ -42,7 +42,7 @@ blockquote
min-height 2em
blockquote::before
content "\201C"
content '\201C'
position absolute
left 0
top 0
@ -82,11 +82,11 @@ hr
/* tables */
table
.{kna-namespace}table
.{$kna-namespace}table
border 1px solid #ccc
caption
padding small-value
padding $small-value
color #555
font-style italic

10
styl/library/_tables.styl
View file

@ -3,23 +3,23 @@
/* ----------------------------- */
table
.{kna-namespace}table
.{$kna-namespace}table
width 100%
max-width 100%
table-layout fixed
border-collapse collapse
vertical-align top
margin-bottom medium-value
margin-bottom $medium-value
.{kna-namespace}table
.{$kna-namespace}table
display table
#recaptcha_table
.{kna-namespace}table-auto
.{$kna-namespace}table-auto
table-layout auto
td
th
vertical-align top
min-width medium-value
min-width $medium-value
cursor default