summaryrefslogtreecommitdiff
path: root/assets/sass/_project_views_switcher.sass
blob: 591277efe52e58331e13038bf41b07c68990598e (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
@import variables
@import mixins

$breakdown-switcher: 560px

.views
  display: inline-block
  margin-right: 10px
  font-size: size('compact')
  @include custom-device($breakdown-switcher)
    width: 100%
  @include sm-device
    margin-top: 10px
    font-size: size('normal')
  @include xs-device
    margin-top: 5px
  li
    white-space: nowrap
    background: #fafafa
    border: 1px solid #ddd
    border-right: none
    padding: 4px 8px
    display: inline
    @include custom-device($breakdown-switcher)
      display: block
      margin-top: 5px
      border-radius: 5px
      border: 1px solid #ddd
    &.active a
      font-weight: bold
      color: color('dark')
      text-decoration: none
    &:first-child
      border-top-left-radius: 5px
      border-bottom-left-radius: 5px
    &:last-child
      border-right: 1px solid #ddd
      border-top-right-radius: 5px
      border-bottom-right-radius: 5px
  a
    color: color('medium')
    text-decoration: none
    &:hover
      color: color('primary')
      text-decoration: underline