Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <input id="tab2" type="radio">
- <label for="tab2" title="Вкладка 2">Зарегистрироваться</label>
- form
- $rad: 28px
- $top_circ: -3px// 'top' для обоих кружков
- label/* стили вкладок (табов) */
- display: inline-block
- color: #000
- padding-left: 60px
- margin-bottom: 20px
- +pseudo
- &:before
- +circle($rad)
- +border(all, 1, #c8c8c8)
- background-color: #fff
- +absolute($top: $top_circ)
- &:after
- +circle($rad/2)
- background-color: #000
- +absolute($top: $rad/4+$top_circ, $left: $rad/4)
- display: none
- &:hover/* изменения стиля заголовков вкладок при наведении */
- cursor: pointer
- input
- display: none
- &:checked + label/* стили для активной вкладки */
- +pseudo
- &:after
- display: block
- +absolute($top: $rad/4+$top_circ, $left: $rad/4)
- &:before
- +absolute($top: $top_circ)
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement