2016-10-31 21:04:15 +03:00
|
|
|
//- 💫 CSS > BASE > OBJECTS
|
2016-10-03 21:19:13 +03:00
|
|
|
|
2016-10-31 21:04:15 +03:00
|
|
|
//- Main container
|
2016-10-03 21:19:13 +03:00
|
|
|
|
2016-10-31 21:04:15 +03:00
|
|
|
.o-main
|
|
|
|
|
padding: $nav-height 0 0 0
|
2016-10-03 21:19:13 +03:00
|
|
|
max-width: 100%
|
2016-10-31 21:04:15 +03:00
|
|
|
min-height: 100vh
|
2016-10-03 21:19:13 +03:00
|
|
|
|
|
|
|
|
@include breakpoint(min, md)
|
2016-10-31 21:04:15 +03:00
|
|
|
&.o-main--sidebar
|
|
|
|
|
margin-left: $sidebar-width
|
|
|
|
|
|
|
|
|
|
&.o-main--aside
|
|
|
|
|
margin-right: $aside-width
|
|
|
|
|
position: relative
|
|
|
|
|
|
|
|
|
|
&:after
|
|
|
|
|
@include position(absolute, top, left, 0, 100%)
|
|
|
|
|
@include size($aside-width, 100%)
|
|
|
|
|
content: ""
|
|
|
|
|
display: block
|
|
|
|
|
background: $pattern
|
|
|
|
|
z-index: -1
|
|
|
|
|
min-height: 100vh
|
|
|
|
|
|
2016-10-03 21:19:13 +03:00
|
|
|
|
2016-10-31 21:04:15 +03:00
|
|
|
//- Content container
|
2016-10-03 21:19:13 +03:00
|
|
|
|
2016-10-31 21:04:15 +03:00
|
|
|
.o-content
|
|
|
|
|
padding: 3rem 7.5rem
|
|
|
|
|
margin: 0 auto
|
|
|
|
|
width: $content-width
|
|
|
|
|
max-width: 100%
|
|
|
|
|
|
|
|
|
|
@include breakpoint(max, sm)
|
|
|
|
|
padding: 3rem
|
2016-10-03 21:19:13 +03:00
|
|
|
|
|
|
|
|
|
|
|
|
|
//- Footer
|
|
|
|
|
|
|
|
|
|
.o-footer
|
|
|
|
|
position: relative
|
2016-10-31 21:04:15 +03:00
|
|
|
padding: 2.5rem 0
|
2016-10-03 21:19:13 +03:00
|
|
|
overflow: auto
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
//- Blocks
|
|
|
|
|
|
|
|
|
|
.o-block
|
2016-10-31 21:04:15 +03:00
|
|
|
margin-bottom: 3rem
|
2016-10-03 21:19:13 +03:00
|
|
|
|
|
|
|
|
.o-block-small
|
|
|
|
|
margin-bottom: 2rem
|
|
|
|
|
|
2016-10-31 21:04:15 +03:00
|
|
|
.o-no-block
|
|
|
|
|
margin-bottom: 0
|
2016-10-21 01:59:27 +03:00
|
|
|
|
2016-10-31 21:04:15 +03:00
|
|
|
.o-card
|
|
|
|
|
background: $color-back
|
|
|
|
|
border-radius: 2px
|
2016-11-01 02:15:23 +03:00
|
|
|
border: 1px solid $color-subtle
|
2017-01-01 05:18:08 +03:00
|
|
|
padding: 3rem 2.5%
|
2016-10-31 21:04:15 +03:00
|
|
|
|
2017-03-16 23:52:52 +03:00
|
|
|
|
|
|
|
|
//- Box
|
|
|
|
|
|
|
|
|
|
.o-box
|
|
|
|
|
background: $color-theme-light
|
|
|
|
|
padding: 2rem
|
2017-03-26 12:14:30 +03:00
|
|
|
border-left: 4px solid $color-theme
|
2017-03-16 23:52:52 +03:00
|
|
|
|
|
|
|
|
|
2016-10-31 21:04:15 +03:00
|
|
|
//- Icons
|
2016-10-03 21:19:13 +03:00
|
|
|
|
|
|
|
|
.o-icon
|
|
|
|
|
vertical-align: middle
|
|
|
|
|
|
2016-12-23 16:31:43 +03:00
|
|
|
&.o-icon--inline
|
|
|
|
|
margin: 0 0.5rem 0 0.25rem
|
2016-10-31 21:04:15 +03:00
|
|
|
|
2016-10-03 21:19:13 +03:00
|
|
|
|
|
|
|
|
//- Inline List
|
|
|
|
|
|
|
|
|
|
.o-inline-list > *
|
|
|
|
|
display: inline
|
|
|
|
|
|
|
|
|
|
&:not(:last-child)
|
|
|
|
|
margin-right: 3rem
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
//- Logo
|
|
|
|
|
|
|
|
|
|
.o-logo
|
2017-01-17 19:56:34 +03:00
|
|
|
@include size($logo-width, $logo-height)
|
2016-10-03 21:19:13 +03:00
|
|
|
fill: currentColor
|
2016-10-31 21:04:15 +03:00
|
|
|
vertical-align: middle
|
|
|
|
|
margin: 0 0.5rem
|
