diff options
Diffstat (limited to 'assets/less/elements.less')
| -rw-r--r-- | assets/less/elements.less | 92 |
1 files changed, 92 insertions, 0 deletions
diff --git a/assets/less/elements.less b/assets/less/elements.less new file mode 100644 index 0000000..42a7e01 --- /dev/null +++ b/assets/less/elements.less @@ -0,0 +1,92 @@ +hr { + display: block; + margin: 1em 0; + padding: 0; + height: 1px; + border: 0; + border-top: 1px solid #ccc; + border-bottom: 1px solid #fff; +} + +// Figures and images +// -------------------------------------------------- + +figure { + margin: 0; + padding-top: 10px; + padding-bottom: 10px; + &.half { + @media @large { + a { + width: 310px; + float: left; + &:nth-child(odd) { + margin-right: 10px; + } + &:nth-child(even) { + margin-left: 10px; + } + } + figcaption { + clear: left; + } + } + } + &.third { + @media @large { + a { + width: 200px; + float: left; + margin-right: 10px; + margin-left: 10px; + &:first-child { + margin-left: 0; + } + &:nth-child(3) { + margin-right: 0; + } + } + figcaption { + clear: left; + } + } + } +} +img { + max-width: 100%; + height: auto; + border-width: 0; + vertical-align: middle; + -ms-interpolation-mode: bicubic; +} +svg:not(:root) { + overflow: hidden; +} + +// Buttons +// -------------------------------------------------- +.btn { + display: inline-block; + margin-bottom: 20px; + padding: 8px 20px; + .font-rem(14); + background-color: @black; + color: @white; + border: 2px solid @black !important; + .rounded(20px); + &:visited { + color: @white; + } + &:hover { + background-color: @white; + color: @black; + } +} + +// Well +// -------------------------------------------------- +.well { + padding: 20px; + border: 1px solid @comp-color; + .rounded(4px); +}
\ No newline at end of file |