KNACSS/sass/12-styling.scss

122 lines
1.7 KiB
SCSS
Raw Permalink Normal View History

2014-05-04 15:48:00 +02:00
@import "00-config";
/* ----------------------------- */
/* ==minor stylings */
/* ----------------------------- */
// Styling boolean
@if $enable-styling == true {
/* styling elements */
code, kbd, mark {
border-radius: 2px;
}
2014-05-07 11:12:14 +02:00
2014-05-04 15:48:00 +02:00
kbd {
padding: 0 2px;
border: 1px solid #999;
}
2014-05-07 11:12:14 +02:00
2014-05-04 15:48:00 +02:00
code {
padding: 2px 4px;
background: rgba(0,0,0,0.04);
color: #b11;
}
2014-05-07 11:12:14 +02:00
2014-05-04 15:48:00 +02:00
pre code {
padding: none;
background: none;
color: inherit;
border-radius: 0;
}
2014-05-07 11:12:14 +02:00
2014-05-04 15:48:00 +02:00
mark {
padding:2px 4px;
background: #ff0;
}
2014-05-07 11:12:14 +02:00
2014-05-04 15:48:00 +02:00
sup,
sub {
vertical-align: 0;
position: relative;
}
2014-05-07 11:12:14 +02:00
2014-05-04 15:48:00 +02:00
sup {
bottom: 1ex;
}
2014-05-07 11:12:14 +02:00
2014-05-04 15:48:00 +02:00
sub {
top: 0.5ex;
}
2014-05-07 11:12:14 +02:00
2014-05-04 15:48:00 +02:00
blockquote {
margin-left: 0;
padding-left: 1em;
border-left: 4px solid rgba(0,0,0,0.15);
font-style: italic;
}
2014-05-07 11:12:14 +02:00
2014-05-04 15:48:00 +02:00
q {
font-style: normal;
}
2014-05-07 11:12:14 +02:00
2014-05-04 15:48:00 +02:00
q,
.q {
quotes: "“\00a0" "\00a0”";
}
2014-05-07 11:12:14 +02:00
2014-05-04 15:48:00 +02:00
q:lang(fr),
.q:lang(fr) {
quotes: "«\00a0" "\00a0»";
}
2014-05-07 11:12:14 +02:00
2014-05-04 15:48:00 +02:00
hr {
display: block;
clear: both;
height: 1px;
margin: 1em 0 2em;
padding: 0;
border: 0;
color: #ccc;
background-color: #ccc;
}
2014-05-07 11:12:14 +02:00
2014-05-04 15:48:00 +02:00
/* alternate tables */
.alternate { border: 0; }
.alternate tbody {
border: 1px solid #ccc;
}
2014-05-07 11:12:14 +02:00
2014-05-04 15:48:00 +02:00
.alternate thead tr > * + * {
border-left: 0;
}
2014-05-07 11:12:14 +02:00
2014-05-04 15:48:00 +02:00
.alternate tbody tr > * + * {
border-left: 1px solid #ccc;
}
/* alternate-vert tables */
.alternate-vert {
border: 0;
border-right: 1px solid #ccc;
}
2014-05-07 11:12:14 +02:00
2014-05-04 15:48:00 +02:00
.alternate-vert tr > :first-child {
border-bottom: 0;
}
2014-05-07 11:12:14 +02:00
2014-05-04 15:48:00 +02:00
.alternate-vert tr > * + * {
border-top: 1px solid #ccc;
}
/* striped tables */
.striped tbody tr:nth-child(odd) {
background: #eee;
background: rgba(0, 0, 0, .05);
}
/* striped-vert tables */
.striped-vert tr > :first-child {
background: #eee;
background: rgba(0, 0, 0, .05);
}
2014-05-07 11:12:14 +02:00
}