mirror of
https://github.com/papercss/papercss
synced 2024-05-22 23:52:16 +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