108 lines
1.9 KiB
SCSS
108 lines
1.9 KiB
SCSS
// Elements
|
|
|
|
// Blockquotes
|
|
blockquote,
|
|
blockquote p {
|
|
color: #777;
|
|
font-style: italic;
|
|
line-height: 24px;
|
|
}
|
|
blockquote {
|
|
border-left: 1px solid #ddd;
|
|
margin: 0 0 20px;
|
|
padding: 9px 20px 0 19px;
|
|
cite {
|
|
@extend %small;
|
|
color: #555;
|
|
display: block;
|
|
&:before {
|
|
content: '\2014 \0020';
|
|
}
|
|
}
|
|
}
|
|
|
|
// __Lists__
|
|
|
|
ul,
|
|
ol {
|
|
margin-bottom: 20px;
|
|
}
|
|
ul { list-style: none outside; }
|
|
ol { list-style: decimal; }
|
|
|
|
sup {
|
|
@extend %small;
|
|
vertical-align: super;
|
|
}
|
|
|
|
.icon {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.clickable {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.not-clickable {
|
|
cursor: default;
|
|
}
|
|
|
|
.draggable {
|
|
cursor: move;
|
|
}
|
|
|
|
//Datepicker
|
|
.pika-single {
|
|
z-index: 999999;
|
|
.pika-title {
|
|
color: $grayer;
|
|
}
|
|
.is-selected {
|
|
.pika-button {
|
|
background: $green-taiga;
|
|
border-radius: 0 !important;
|
|
box-shadow: inset 0 1px 3px $green-taiga;
|
|
}
|
|
}
|
|
.is-today {
|
|
.pika-button {
|
|
color: $green-taiga;
|
|
}
|
|
&.is-selected {
|
|
button {
|
|
color: $white;
|
|
}
|
|
}
|
|
}
|
|
.pika-button {
|
|
&:hover {
|
|
background: $fresh-taiga !important; //Important added because plugin has it :S
|
|
border-radius: 0 !important; //Important added because plugin has it :S
|
|
box-shadow: inset 0 1px 3px $fresh-taiga !important; //Important added because plugin has it :S
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
//Empty
|
|
.empty {
|
|
border: 1px dashed $gray-light;
|
|
color: $gray-light;
|
|
min-height: 10rem;
|
|
padding: 5% 0;
|
|
text-align: center;
|
|
.icon {
|
|
@extend %xxlarge;
|
|
margin-bottom: 2rem;
|
|
}
|
|
span {
|
|
display: block;
|
|
&.title {
|
|
@extend %xlarge;
|
|
@extend %title;
|
|
margin-bottom: 1rem;
|
|
text-transform: uppercase;
|
|
}
|
|
}
|
|
}
|