mirror of
https://github.com/papercss/papercss
synced 2024-06-15 20:25:10 +02:00
Merge branch 'sass-port' of github.com:koester/papercss into sass-port
This commit is contained in:
commit
06ad7dc2a6
61
src/layout/_borders.scss
Normal file
61
src/layout/_borders.scss
Normal file
|
@ -0,0 +1,61 @@
|
||||||
|
|
||||||
|
.border {
|
||||||
|
border: 2px solid $primary;
|
||||||
|
}
|
||||||
|
|
||||||
|
.border,
|
||||||
|
.border-1,
|
||||||
|
.child-borders>*:nth-child(6n+1) {
|
||||||
|
@include border-style(1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.border-2,
|
||||||
|
.child-borders>*:nth-child(6n+2) {
|
||||||
|
@include border-style(2);
|
||||||
|
}
|
||||||
|
|
||||||
|
.border-3,
|
||||||
|
.child-borders>*:nth-child(6n+3) {
|
||||||
|
@include border-style(3);
|
||||||
|
}
|
||||||
|
|
||||||
|
.border-4,
|
||||||
|
.child-borders>*:nth-child(6n+4) {
|
||||||
|
@include border-style(4);
|
||||||
|
}
|
||||||
|
|
||||||
|
.border-5,
|
||||||
|
.child-borders>*:nth-child(6n+5) {
|
||||||
|
@include border-style(5);
|
||||||
|
}
|
||||||
|
|
||||||
|
.border-6,
|
||||||
|
.child-borders>*:nth-child(6n+6) {
|
||||||
|
@include border-style(6);
|
||||||
|
}
|
||||||
|
|
||||||
|
.child-borders>* {
|
||||||
|
border: 2px solid $primary;
|
||||||
|
}
|
||||||
|
|
||||||
|
.border-white {
|
||||||
|
border-color: $white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.border-dotted {
|
||||||
|
border-style: dotted;
|
||||||
|
}
|
||||||
|
|
||||||
|
.border-dashed {
|
||||||
|
border-style: dashed;
|
||||||
|
}
|
||||||
|
|
||||||
|
.border-thick {
|
||||||
|
border-width: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@each $colorName, $color in $colors {
|
||||||
|
.border-#{$colorName} {
|
||||||
|
border-color: $color;
|
||||||
|
}
|
||||||
|
}
|
39
src/layout/_fonts.scss
Normal file
39
src/layout/_fonts.scss
Normal file
|
@ -0,0 +1,39 @@
|
||||||
|
html {
|
||||||
|
font-size: $global-font-size;
|
||||||
|
font-family: $body-font, sans-serif;
|
||||||
|
color: $font-color;
|
||||||
|
}
|
||||||
|
p, a, button, table, thead, tbody, th, tr, td, input, textarea, select, option {
|
||||||
|
font-family: $body-font, sans-serif;
|
||||||
|
}
|
||||||
|
h1, h2, h3, h4, h5, h6 {
|
||||||
|
font-family: $header-font, sans-serif;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
h1 {
|
||||||
|
font-size: 4rem;
|
||||||
|
}
|
||||||
|
h2 {
|
||||||
|
font-size: 3rem;
|
||||||
|
}
|
||||||
|
h3 {
|
||||||
|
font-size: 2rem;
|
||||||
|
}
|
||||||
|
h4 {
|
||||||
|
font-size: 1.5rem;
|
||||||
|
}
|
||||||
|
h5 {
|
||||||
|
font-size: 1rem;
|
||||||
|
}
|
||||||
|
h6 {
|
||||||
|
font-size: .8rem;
|
||||||
|
}
|
||||||
|
.text-left {
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
.text-center {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.text-right {
|
||||||
|
text-align: right;
|
||||||
|
}
|
28
src/layout/_shadows.scss
Normal file
28
src/layout/_shadows.scss
Normal file
|
@ -0,0 +1,28 @@
|
||||||
|
.shadow {
|
||||||
|
@include shadow();
|
||||||
|
|
||||||
|
&.shadow-large {
|
||||||
|
@include shadow(large);
|
||||||
|
}
|
||||||
|
|
||||||
|
&.shadow-small {
|
||||||
|
@include shadow(small);
|
||||||
|
}
|
||||||
|
&.shadow-hover {
|
||||||
|
&:hover {
|
||||||
|
@include shadow(hover);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.child-shadows > * {
|
||||||
|
@include shadow();
|
||||||
|
}
|
||||||
|
|
||||||
|
.child-shadows-hover > * {
|
||||||
|
@include shadow();
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
@include shadow(hover);
|
||||||
|
}
|
||||||
|
}
|
Loading…
Reference in a new issue