|
1 | | -.sidebar |
2 | | - width sidebar_width - 1 |
3 | | - background #F5F2F0 |
4 | | - border-right 1px solid #d5d2d0 |
5 | | - |
6 | | - &__inner |
7 | | - overflow auto |
8 | | - height 100% |
9 | | - |
10 | | - &__content |
11 | | - margin 23px 30px 0 |
12 | | - position relative |
13 | | - |
14 | | - &_profile &__content |
15 | | - margin-top 30px |
16 | | - |
17 | | - //- модификатор _sticky-footer делает последнюю секцию всегда прижатой к низу сайдбара |
18 | | - &_sticky-footer &__content |
19 | | - min-height calc(100% - 85px) |
20 | | - padding-bottom 62px // резервируем место под «редактировать на github» |
21 | | - |
22 | | - &_sticky-footer &__section:last-child |
23 | | - position absolute |
24 | | - bottom 0 |
25 | | - |
26 | | - &_profile |
27 | | - background #f7f7f7 |
28 | | - border-right 0 |
29 | | - |
30 | | - & &__toggle |
31 | | - @extend $button-reset |
32 | | - |
33 | | - & &__toggle, |
34 | | - & .map |
35 | | - position absolute |
36 | | - top 12px |
37 | | - left 100% |
38 | | - margin-left 19px |
39 | | - width 44px |
40 | | - height 44px |
41 | | - border-radius 50% |
42 | | - cursor pointer |
43 | | - |
44 | | - & .map |
45 | | - text-align center |
46 | | - line-height 44px |
47 | | - top 80px |
48 | | - transition transform animation_duration animation_duration |
49 | | - |
50 | | - & &__toggle:active |
51 | | - position absolute |
52 | | - |
53 | | - &__toggle:focus, |
54 | | - & .map:focus |
55 | | - outline 0 |
56 | | - |
57 | | - //- класс вместо псевдокласса для мобильных |
58 | | - &__toggle:hover, |
59 | | - & .map:hover |
60 | | - background #f4f4f4 |
61 | | - |
62 | | - &__toggle::before |
63 | | - font-size 22px |
64 | | - color #8B8987 |
65 | | - |
66 | | - &__toggle::before |
67 | | - @extend $font-menu |
68 | | - |
69 | | - &__section |
70 | | - margin 22px 0 |
71 | | - padding 0 2px |
72 | | - position relative |
73 | | - |
74 | | - &__section_separator_before |
75 | | - margin-top 29px |
76 | | - |
77 | | - &__section_separator_before::before |
78 | | - content "" |
79 | | - position absolute |
80 | | - top -12px |
81 | | - width 35px |
82 | | - border-top 1px solid #d7d7d4 |
83 | | - |
84 | | - &__section_share |
85 | | - margin-top 18px |
86 | | - |
87 | | - &__section-title |
88 | | - color #C4C2C0 |
89 | | - font-weight 400 |
90 | | - margin 12px 0 |
91 | | - |
92 | | - &__link |
93 | | - color navigation_link_color |
94 | | - |
95 | | - &_profile &__link |
96 | | - color #000 |
97 | | - |
98 | | - &__link:hover |
99 | | - text-decoration none |
100 | | - |
101 | | - &__navigation-link |
102 | | - margin 12px 0 |
103 | | - line-height 1.25 |
104 | | - |
105 | | - &_active |
106 | | - color link_hover_color |
107 | | - |
108 | | - &_profile &__navigation-link |
109 | | - &_active |
110 | | - color link_hover_color |
111 | | - |
112 | | - &__share |
113 | | - margin 8px 20px 0 0 |
114 | | - |
115 | | - &_compact &__section |
116 | | - margin 15px 0 |
117 | | - |
118 | | - // в компактном виде сохраняем у футера отступы по умолчанию |
119 | | - // для более удобного выравнивания с нижними хлебными крошками |
120 | | - &_compact&_sticky-footer &__section:last-child |
121 | | - margin 22px 0 |
122 | | - |
123 | | - &_compact &__section_separator_before |
124 | | - margin-top 24px |
125 | | - |
126 | | - &_compact &__section-title |
127 | | - margin 8px 0 |
128 | | - |
129 | | - &_compact &__navigation-link |
130 | | - line-height 1.1 |
131 | | - margin 8px 0 |
132 | | - |
133 | | - @media tablet |
134 | | - &__toggle |
135 | | - display none |
136 | | - |
137 | | - &_profile &__content |
138 | | - margin 24px 16px 0 |
139 | | - |
140 | | - &_profile &__navigation-links |
141 | | - display flex |
142 | | - flex-wrap wrap |
143 | | - justify-content center |
144 | | - margin 0 -10px |
145 | | - |
146 | | - &_profile &__navigation-link |
147 | | - padding 0 10px |
148 | | - margin 5px 0 |
149 | | - |
150 | | - &_profile &__navigation-link:last-child |
151 | | - margin-right 0 |
152 | | - |
153 | | - &_profile &__navigation |
154 | | - display none |
155 | | - |
156 | | - @media short_window |
157 | | - &_sticky-footer &__content |
158 | | - padding-bottom 38px |
159 | | - min-height calc(100% - 62px) |
160 | | - |
161 | | - &_compact&_sticky-footer &__section:last-child, |
162 | | - &_sticky-footer &__section:last-child |
163 | | - margin 10px 0 |
| 1 | +@require '~jsengine/sidebar/templates/sidebar.styl' |
0 commit comments