ptest/grunt/css/style.styl
2017-01-24 00:25:30 +03:00

69 строки
1.2 KiB
Stylus

@import "ShortCSS/ShortCSS.styl"
@import "normalize/normalize.styl"
/** ptest css */
body
-ff _ffv
-fs 16
$link_color = #0063ff
$link_color_border = alpha($link_color,.3)
$link_hover_color = #ff475d
$link_hover_color_border = alpha($link_hover_color,.24)
$link_visited_color = #cf00cf
$link_visited_color_border = alpha($link_visited_color,.3)
a
-c $link_color
-td none
-brb 1 solid $link_color_border
&:visited
-c $link_visited_color
-brbc $link_visited_color_border
&:hover
&:visited:hover
-c $link_hover_color
-brbc $link_hover_color_border
.page
&__container
-wmax 800
-m 0 auto
.header
-p 30
-bg #ffcc56
-bg -moz-repeating-linear-gradient(178deg, rgba(255,204,86,.5) 8px, rgba(255,140,0,.5) 18px);
-bg -webkit-repeating-linear-gradient(178deg, rgba(255,204,86,.5) 8px,rgba(255,140,0,.5) 18px);
-bg repeating-linear-gradient(178deg, rgba(255,204,86,.5) 8px,rgba(255,140,0,.5) 18px);
bx-shadow 2px 3px 15px #eb4 inset
b-radius 2
-mt 30
-mb 60
-ta center
&__title
line-height 1
-m 0
-ff _fftnr
-fst italic
-ts 1 1 1 #a76f19
-fs 52
.page-title
-pb 35
.content
-pb 76
.footer
-brt 1 solid #dead6f
-pt 24
-fs 85%
-c #232425
-pb 40