2016-10-03 21:19:13 +03:00
|
|
|
//- ----------------------------------
|
|
|
|
//- 💫 BASE > LAYOUT
|
|
|
|
//- ----------------------------------
|
|
|
|
|
|
|
|
//- HTML
|
|
|
|
|
|
|
|
html
|
|
|
|
@include breakpoint(min, lg)
|
|
|
|
font-size: $type-base
|
|
|
|
|
|
|
|
@include breakpoint(max, md)
|
|
|
|
font-size: $type-base * 0.8
|
|
|
|
|
|
|
|
//- Body
|
|
|
|
|
|
|
|
body
|
|
|
|
display: flex
|
|
|
|
flex-flow: row wrap
|
|
|
|
animation: fadeIn 0.25s ease
|
|
|
|
background: $color-back
|
|
|
|
color: $color-front
|
|
|
|
|
|
|
|
|
|
|
|
//- Paragraphs
|
|
|
|
|
|
|
|
p
|
2016-10-19 02:23:54 +03:00
|
|
|
@extend .o-block, .u-text-regular, .has-aside
|
|
|
|
|
|
|
|
.o-content--article &:not([class])
|
|
|
|
@extend .u-text-medium
|
2016-10-03 21:19:13 +03:00
|
|
|
|
|
|
|
|
|
|
|
//- Links
|
|
|
|
|
|
|
|
main p a, main table a, main li a, .c-aside a
|
|
|
|
@extend .u-link
|
|
|
|
|
|
|
|
|
|
|
|
//- Selection
|
|
|
|
|
|
|
|
::selection
|
|
|
|
background: $color-theme
|
|
|
|
color: $color-back
|
|
|
|
text-shadow: none
|