@import 'mixins';
@import 'variables';

* { box-sizing: border-box }

html {
    @include normal-font;
}

body {
    z-index:0;
    margin: 0;
    @include normal-font;
    @include font-size(14);
    color:#333;
    &.with-modal {
        overflow:hidden;
    }
}

summary {
  display: list-item;
}

button,
input,
select,
textarea {
    @include normal-font;
    @include font-size(14, 14);
    color:#333;
}

.pure-g [class *="pure-u"] {
    @include normal-font;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color: #ddd;
    @include font-size(14, 20);
    @include normal-font;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #ddd;
    @include font-size(14, 20);
    opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #ddd;
    @include font-size(14, 20);
    opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #ddd;
    @include font-size(14, 20);
}
.pure-button {
    color:#fff;
    border-radius:2px;
    padding:7px 14px;
    line-height:17px;

    &:focus {
        box-shadow: 0 0 0 1px rgba(0,0,0,.15) inset, 0 0 6px rgba(0,0,0,.2) inset;
    }
}

// For button_to forms
form.pure-button {
    padding:0;

    input {
        background: transparent;
        border: none;
        color: inherit;
        padding:7px 14px;
        border-radius:inherit;
        font-size:inherit;
        line-height:inherit;
        width:100%;
    }
}

h1, h2, h3, h4, h5, h6, p {
    margin:0;
    @include font-size(14, 14);
    @include normal-font;
}
p {
    margin:0;
}
input {
    border:1px solid #aaa;
    padding:10px;
    border-radius:2px;
    &:focus {
        outline:1px solid #ddd;
        overflow:hidden;
    }
}
.styled-select {
    display:inline-block;
    border:1px solid #ccc;
    border-radius:3px;

    select {
        border:none;
        background:transparent;
    }
}
