2015-05-01 09:39:03 -04:00
// Bitters 1.0.0
// http://bitters.bourbon.io
// Copyright 2013-2015 thoughtbot, inc.
// MIT License
@import " normalize " ;
2015-05-05 13:06:47 -04:00
@import " mixins " ;
@import " icons " ;
2015-05-01 09:39:03 -04:00
@import " variables " ;
@import " buttons " ;
@import " forms " ;
@import " lists " ;
@import " tables " ;
@import " typography " ;
2015-05-07 17:06:35 -04:00
@import " modal " ;
2015-05-01 15:50:11 -04:00
dialog {
display : block ;
position : static ;
2015-05-05 13:06:47 -04:00
h2 {
text-align : center ;
margin : 4 * $vertical-base 0 $vertical-base 0 ;
}
section {
background-color : $alt-background-color ;
color : $alt-font-color ;
/* Kill margin collapse */
padding : 1 px ;
}
section : last-child {
background-color : $base-background-color ;
padding : 2 * $vertical-base ;
color : $base-font-color ;
}
button {
display : inline-block ;
line-height : normal ;
width : 100 % ;
padding : $vertical-base ;
/ *
Needed so that all buttons are the same height
as text inputs
* /
border : 1 px solid ;
}
}
. message {
border-radius : $base-border-radius ;
text-align : center ;
margin : $vertical-base * 4 0 ;
2015-05-08 15:46:43 -04:00
padding : $vertical-base * 2 ;
2015-05-05 13:06:47 -04:00
}
. warning {
@extend . message ;
background-color : $yellow ;
color : $dark-gray ;
}
. info {
@extend . message ;
background-color : $light-gray ;
color : $dark-gray ;
}
2015-05-05 13:07:05 -04:00
article header h1 {
2015-05-05 13:06:47 -04:00
text-align : center ;
}
article header p {
text-align : center ;
}
2015-05-05 13:07:05 -04:00
article header h1 + p {
2015-05-08 16:10:38 -04:00
font-size : 1 .125 em ;
margin-bottom : 1 .5 em ;
2015-05-05 13:06:47 -04:00
@include span-columns ( 10 ) ;
@include shift ( 1 ) ;
}
2015-05-06 11:07:48 -04:00
body > main > article > section {
2015-05-06 10:44:47 -04:00
ul {
@extend % default-ul ;
}
}
2015-05-05 16:22:29 -04:00
. twitter , . github {
display : block ;
float : left ;
margin-right : 2 * $gutter ;
span {
display : none ;
}
}
. twitter {
@include icon ( before , twitter , circular , false , 4 * $vertical-base ) {
display : inline-block ;
line-height : 5 * $vertical-base ;
width : 5 * $vertical-base ;
height : 5 * $vertical-base ;
border-radius : 2 .5 * $vertical-base ;
background-color : $blue ;
color : $white ;
}
}
. github {
@include icon ( before , github , circular , false , 4 * $vertical-base ) {
display : inline-block ;
line-height : 5 * $vertical-base ;
width : 5 * $vertical-base ;
height : 5 * $vertical-base ;
border-radius : 2 .5 * $vertical-base ;
background-color : $blue ;
color : $white ;
}
}