FazBrowse GitHub Viewer
|
Trending
|
URL:
|
Home
Tools:
[Download Repo ZIP]
[View Raw Code]
[Original HTTPS Page]
frontend/static/src/stylesheets/module/_dropdown.scss at master · devhttps/frontend · GitHub
devhttps
/
frontend
Public
forked from
guardian/frontend
Notifications
You must be signed in to change notification settings
Fork
0
Star
0
Code
Pull requests
0
Actions
Projects
Wiki
Security and quality
0
Insights
Additional navigation options
Code
Pull requests
Actions
Projects
Wiki
Security and quality
Insights
Expand file tree
Breadcrumbs
frontend
/
static
/
src
/
stylesheets
/
module
/
_dropdown.scss
Copy path
More file actions
More file actions
Latest commit
History
History
History
104 lines (89 loc) · 2.25 KB
Breadcrumbs
frontend
/
static
/
src
/
stylesheets
/
module
/
_dropdown.scss
Copy path
File metadata and controls
104 lines (89 loc) · 2.25 KB
Raw
Copy raw file
Download raw file
Open symbols panel
Edit and raw actions
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
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
//
Apply this if you would like to use the standard dropdown style
//
If you have other styles, but would like to maintain the functionality,
//
just apply .dropdown
.dropdown-styled
{
border-top
:
1
px
solid
$brightness-86
;
position
:
relative
;
.dropdown__toggle
,
.dropdown__toggle-label
{
@include
fs-textSans
(
1
);
top
: (
$gs-baseline
/
3
)
*
2
;
cursor
:
pointer
;
position
:
absolute
;
}
.dropdown__toggle
{
position
:
absolute
;
right
:
0
;
}
.dropdown__toggle-label
{
right
:
$gs-gutter
;
}
.dropdown__button
{
padding
:
$gs-baseline
/
2
0
;
color
:
$brightness-7
;
text-align
:
left
;
&
:focus
{
color
:
$guardian-brand
;
}
.control
{
border-color
:
$brightness-86
;
float
:
right
;
position
:
relative
;
}
.inline-icon
{
background-color
:
$brightness-46
;
svg
{
display
:
block
;
}
}
}
.dropdown__content
{
transition
:
margin
.1
s
linear
,
height
.2
s
linear
;
}
&
.dropdown--active
{
.dropdown__button
.inline-icon
{
transform
:
rotate
(
180
deg
);
}
.dropdown__content
{
margin-bottom
:
$gs-baseline
;
margin-top
:
$gs-baseline
;
}
}
}
.js-on
.dropdown__toggle-label
,
.js-on
.dropdown__toggle
{
display
:
none
;
}
.dropdown__content
{
transition
:
height
.2
s
linear
;
}
.dropdown__toggle
:checked
+
.dropdown__content
,
.dropdown--active
.dropdown__content
,
html
:not
(
.disable-flashing-elements
)
.dropdown--animated.dropdown--active
.dropdown__content
{
position
:
static
;
visibility
:
visible
;
pointer-events
:
all
;
display
:
block
;
height
:
auto
;
}
.dropdown__content
{
display
:
none
;
height
:
0
;
overflow
:
hidden
;
}
html
:not
(
.disable-flashing-elements
)
.dropdown--animated
.dropdown__content
{
display
:
block
;
overflow
:
hidden
;
position
:
fixed
;
top
:
-9999
em
;
left
:
-9999
em
;
visibility
:
hidden
;
height
:
auto
;
pointer-events
:
none
;
transition
:
height
.2
s
linear
;
/*
moving the dropdown off-layout instead of hiding it
lets dropdown.js retrieve a close enough height
for the animation
*/
}
Back
|
FazBrowse Home
|
New Git URL