pnx/httpcb
Archived
1
0
Fork 0
Code Releases Activity

initial commit

Browse source
This commit is contained in:
Henrik Hautakoski 2017-09-01 17:10:27 +02:00
commit e869a1cab4
107 changed files with 9029 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

18
app/assets/less/components/badge.less Normal file
View file

@ -0,0 +1,18 @@
.badge {
display: inline-block;
padding: .2em .4em;
line-height: 1;
text-align: center;
border-radius: 2px;
vertical-align: baseline;
&:empty {
display:none;
}
}
.badge-primary {
color: white;
background-color: @brand-color;
}

36
app/assets/less/components/blankslate.less Normal file
View file

@ -0,0 +1,36 @@
// ----------------------------------
// Base style.
// ----------------------------------
.blankslate {
border-radius: 4px;
.box-shadow(inset 0 0 4px rgba(0,0,0, .1));
border: solid 1px @blankslate-border;
color: @blankslate-color;
background-color: @blankslate-bg;
padding: @blankslate-spacing;
h3, p {
text-align: center;
}
:last-child {
margin-bottom: 0;
}
}
// ----------------------------------
// Variants
// ----------------------------------
// Sizes
// ----------------------------------
.blankslate-sm {
padding: @blankslate-spacing-sm;
}

68
app/assets/less/components/button.less Normal file
View file

@ -0,0 +1,68 @@
// ----------------------------------
// Base style.
// ----------------------------------
.button {
display: inline-block;
padding: 0.5rem 2rem;
cursor: pointer;
vertical-align: middle;
// Resets for <button> elements.
border: 1px solid transparent;
transition: all .2s ease-in-out;
&:active,
&:hover {
color: inherit;
text-decoration: none;
}
&.disabled {
cursor: not-allowed;
}
}
// ----------------------------------
// Variants
// ----------------------------------
// Round button
// ----------------------------------
.button-round {
padding: 0;
.button-circle(40px);
}
// Colors
// ----------------------------------
.button-default { .button-variant(@text-color, @button-bg-color); }
.button-primary { .button-variant(@button-primary-color, @button-primary-bg); }
.button-brand { .button-variant(@button-brand-color, @button-brand-bg); }
.button-light { .button-variant(@text-light-color, @button-bg-color, @button-hover-color); }
.button-github { .button-variant(@button-github-color, @button-github-bg); }
.button-google { .button-variant(@button-google-color, @button-google-bg); }
// Outline
// ----------------------------------
.button-outline-primary { .button-outline-variant(@text-color, @button-bg-color); }
// Sizes
// ----------------------------------
.button-large { font-size: @text-size-large; }
.button-small { font-size: 0.6em; }
// Block button
// ----------------------------------
.button-block {
display: block;
width: 100%;
}

79
app/assets/less/components/callback-list.less Normal file
View file

@ -0,0 +1,79 @@
.callback-list-item {
position: relative;
&:extend(.clearfix all);
padding: .6em 1em;
&:hover {
background: @lightest-gray;
}
// Borders.
// --------
border: solid @callback-list-border-color @callback-list-border-size;
// Remove top border for all except first child.
&:not(:first-child) {
border-top: 0;
}
// top border radius for first child.
&:first-child {
border-top-left-radius: @callback-list-border-radius;
border-top-right-radius: @callback-list-border-radius;
}
// bottom border radius for first child.
&:last-child {
border-bottom-left-radius: @callback-list-border-radius;
border-bottom-right-radius: @callback-list-border-radius;
}
// Sections.
// ---------
&-header {
margin-bottom: .4em;
}
&-info {
font-size: @font-size-small;
color: @callback-list-info-color;
> span {
display: inline-block;
margin-right: 1.6em;
}
.icon {
.icon-vcenter();
font-size: 20px;
padding: .2em;
}
}
&-name {
margin-right: 1em;
font-size: @callback-list-name-text-size;
color: @callback-list-name-color;
&:hover {
color: @callback-list-name-hover-color;
text-decoration: none;
}
}
&-arrow {
color: #bcbcbc;
position: absolute;
right: .8em;
top: 50%;
> .icon {
font-size: 35px;
transform: translateY(-50%);
}
}
}

4
app/assets/less/components/icon.less Normal file
View file

@ -0,0 +1,4 @@
.icon {
display: inline-block;
}

31
app/assets/less/components/pagination.less Normal file
View file

@ -0,0 +1,31 @@
.pagination {
&:extend(.nav);
margin-top: 1em;
margin-bottom: 1em;
> li {
display: inline-block;
.middle, a {
padding: .4em .8em;
margin: 0 .4em;
}
a {
&:extend(.button all);
display: block;
border: solid 1px @pagination-border;
color: @pagination-color;
&:hover {
color: @pagination-color;
}
}
&.active a {
background: @pagination-active-bg;
border-color: @pagination-active-border;
}
}
}

102
app/assets/less/components/request-item.less Normal file
View file

@ -0,0 +1,102 @@
.request-list {
&-item {
// Header Section
// --------------
&-header {
display: block;
padding: .5em 1em;
color: @request-item-active-color;
background-color: @request-item-active-background;
border: 1px solid @request-item-active-border-color;
&:hover,
&:active,
&:focus {
color: @request-item-active-color;
text-decoration: none;
}
&.collapsed {
background-color: @request-item-background;
&:hover {
background-color: @request-item-hover-background;
}
&:hover,
&:active,
&:focus {
color: @request-item-color;
}
}
&-index {
display: inline-block;
width: 10%;
}
&-type,
&-size,
&-timestamp {
display: inline-block;
width: 20%;
.icon {
padding: 0 .4em;
}
}
}
// Detail section
// --------------
&-detail {
background-color: @request-detail-background;
border: 1px solid @request-item-border-color;
padding: 1em;
&-headers {
&:extend(.table all);
&:extend(.table-bordered all);
background: white;
&-key {
width: 30%;
}
}
&-body {
margin-bottom: 1em;
}
&-button {
&:extend(.button all);
&:extend(.button-brand all);
display: block;
margin-bottom: 1em;
}
}
// Border overrides
// ----------------
// Remove bottom border from header for all but last request-item.
&:not(:last-child) &-header {
border-bottom: 0;
}
// Remove top border from detail element for last request-item.
&:last-child &-detail {
border-top: 0;
}
// Remove bottom border from detail element for all but last request-item.
&:not(:last-child) &-detail {
border-bottom: 0;
}
}
}

24
app/assets/less/components/section.less Normal file
View file

@ -0,0 +1,24 @@
// ---------------------------
// Section
// ---------------------------
.section {
position: relative;
background-color: @section-bg;
padding: @section-padding;
margin-bottom: 60px;
border-radius: 2px;
.box-shadow(@block-shadow-third);
&-header {
text-align: center;
margin-bottom: 15px;
> h1 {
display: inline-block;
border-bottom: 2px solid @border-color;
padding: 20px 80px;
}
}
}