Packages
torch
1.0.0-rc.4
6.0.0
5.6.0
5.5.0
5.4.0
5.3.2
5.3.1
5.2.0
5.1.2
5.1.1
5.1.0
5.0.0
5.0.0-rc.4
5.0.0-rc.3
5.0.0-rc.2
5.0.0-rc.1
5.0.0-rc.0
4.3.2
4.3.1
4.3.0
4.2.1
4.2.0
retired
4.1.0
4.0.0
4.0.0-rc.0
3.9.1
3.9.0
3.8.0
3.7.1
3.7.0-rc.0
3.6.4
3.6.3
3.6.2
3.6.1
3.6.0
3.5.0
3.4.1
3.4.0
3.3.1
3.3.0
3.2.1
3.2.0
3.1.0
3.0.0
2.1.0
2.0.0
2.0.0-rc.3
2.0.0-rc.2
2.0.0-rc.1
1.0.0-rc.6
1.0.0-rc.5
1.0.0-rc.4
1.0.0-rc.3
1.0.0-rc.2
1.0.0-rc.1
0.2.0-rc.5
0.2.0-rc.4
0.2.0-rc.3
0.2.0-rc.2
0.2.0-rc.1
0.1.0
Rapid admin generator for Phoenix
Current section
Files
Jump to
Current section
Files
web/static/css/components/_header.sass
// Components
section.torch-header
.torch-account
background-color: $torch-secondary-color
ul
font-size: 0
list-style-type: none
li, a
font-size: $torch-small-font-size
li
border-right: 1px solid rgba(255, 255, 255, 0.7)
margin: 6px 0
padding: 0 10px
&:last-child
border: none
font-weight: $torch-semibold
a
color: $torch-nav-primary-color
opacity: $torch-hover-opacity
+transition(opacity $torch-base-duration $torch-base-timing)
&:hover
opacity: 1
header.torch-main-header
background-color: $torch-primary-color
h1
color: $torch-nav-primary-color
font-size: $torch-font-size-xxl
font-weight: $torch-bold
margin: 34px 0 10px 0
nav
// @extend %container
ul
padding: 0
list-style-type: none
li
margin: 0
padding: 0
display: inline-block
font-size: 18px
padding: 0 20px 20px 0
a
color: $torch-nav-primary-color
font-size: $torch-font-size-large
font-weight: $torch-light
opacity: $torch-hover-opacity
text-decoration: none
+transition(opacity $torch-base-duration $torch-base-timing)
&.active, &:hover
color: $torch-nav-primary-color
opacity: 1
text-shadow: 0.3px 0.3px 0px $torch-nav-primary-color