source: spip-zone/_galaxie_/trad.spip.net/trunk/theme/css/_aside.scss @ 119907

Last change on this file since 119907 was 119907, checked in by cedric@…, 2 years ago

on nettoie, on sable, on reorganise

File size: 1.9 KB
Line 
1#aside {
2  margin-bottom: 2 * $rem-vert-margin;
3
4  .menu.categories {
5    margin-right: -$grid-gutter-width / 2;
6    .menu-liste {
7      @include media-breakpoint-up(md){
8        font-size: $font-size-sm;
9        line-height: $headings-line-height;
10      }
11      .menu-entree {
12        overflow: hidden;
13        .menu-link {
14          display: block;
15          position: relative;
16          height: 4em;
17          margin: 0;
18          margin-right: $grid-gutter-width / 2;
19          padding: $padding-y $padding-x;
20          text-decoration: none;
21          color: $gray-750;
22          background: $gray-100;
23
24          &:after {
25            content: '';
26            display: block;
27            position: absolute;
28            top: -1px;
29            right: -$grid-gutter-width;
30            width: $grid-gutter-width;
31            bottom: -1px;
32            background: url(img/mask-arrow.svg) no-repeat left;
33            background-size: auto 100%;
34          }
35
36          .numero {
37            display: block;
38            float: left;
39            width: 2.4rem;
40            margin: 0;
41            margin-left: -$padding-x;
42            margin-right: 0.25rem;
43            padding: 0;
44            text-align: right;
45            font-size: 2.1rem;
46            line-height: 0.8;
47            color: $gray-400;
48            font-weight: normal;
49          }
50
51          .intitule {
52            display: block;
53            padding-left: 2rem;
54          }
55
56          &.on,
57          &:hover,
58          &:focus,
59          &:active {
60            background: $gray-500;
61            color: $white;
62
63            &:after {
64              background-color: inherit;
65            }
66
67            .numero {
68              color: $gray-700;
69              text-shadow: #666 0 1px 0;
70            }
71          }
72
73          &.on {
74            .numero {
75              color: $white !important;
76            }
77          }
78
79        }
80      }
81    }
82
83  }
84}
85
86
87.page_login {
88  #aside {
89    display:none;
90  }
91}
Note: See TracBrowser for help on using the repository browser.