Skip to content

Commit

Permalink
update css/less
Browse files Browse the repository at this point in the history
  • Loading branch information
dmh committed Sep 13, 2017
1 parent 8aebf1c commit 8f9a4e6
Show file tree
Hide file tree
Showing 4 changed files with 251 additions and 218 deletions.
128 changes: 72 additions & 56 deletions Resources/Public/less/components.css
Original file line number Diff line number Diff line change
Expand Up @@ -810,30 +810,41 @@ button.swiper-pagination-bullet {
}
}

[hidden] { display: none; }
.awesomplete [hidden] {
display: none;
}

.awesomplete .visually-hidden {
position: absolute;
clip: rect(0, 0, 0, 0);
}

.awesomplete {
display: inline-block;
position: relative;
}

.visually-hidden {
position: absolute;
clip: rect(0, 0, 0, 0);
.awesomplete > input {
display: block;
}

div.awesomplete {
display: inline-block;
position: relative;
.awesomplete > ul {
position: absolute;
left: 0;
z-index: 1;
min-width: 100%;
box-sizing: border-box;
list-style: none;
padding: 0;
margin: 0;
background: #fff;
}

div.awesomplete > input {
display: block;
.awesomplete > ul:empty {
display: none;
}

div.awesomplete > ul {
position: absolute;
left: 0;
z-index: 1;
min-width: 100%;
box-sizing: border-box;
list-style: none;
padding: 0;
.awesomplete > ul {
border-radius: .3em;
margin: .2em 0 0;
background: hsla(0,0%,100%,.9);
Expand All @@ -843,19 +854,14 @@ div.awesomplete > ul {
text-shadow: none;
}

div.awesomplete > ul[hidden],
div.awesomplete > ul:empty {
display: none;
}

@supports (transform: scale(0)) {
div.awesomplete > ul {
.awesomplete > ul {
transition: .3s cubic-bezier(.4,.2,.5,1.4);
transform-origin: 1.43em -.43em;
}

div.awesomplete > ul[hidden],
div.awesomplete > ul:empty {
.awesomplete > ul[hidden],
.awesomplete > ul:empty {
opacity: 0;
transform: scale(0);
display: block;
Expand All @@ -864,7 +870,7 @@ div.awesomplete > ul:empty {
}

/* Pointer */
div.awesomplete > ul:before {
.awesomplete > ul:before {
content: "";
position: absolute;
top: -.43em;
Expand All @@ -879,34 +885,36 @@ div.awesomplete > ul:empty {
transform: rotate(45deg);
}

div.awesomplete > ul > li {
.awesomplete > ul > li {
position: relative;
padding: .2em .5em;
cursor: pointer;
}

div.awesomplete > ul > li:hover {
.awesomplete > ul > li:hover {
background: hsl(200, 40%, 80%);
color: black;
}

div.awesomplete > ul > li[aria-selected="true"] {
.awesomplete > ul > li[aria-selected="true"] {
background: hsl(205, 40%, 40%);
color: white;
}

div.awesomplete mark {
.awesomplete mark {
background: hsl(65, 100%, 50%);
}

div.awesomplete li:hover mark {
.awesomplete li:hover mark {
background: hsl(68, 100%, 41%);
}

div.awesomplete li[aria-selected="true"] mark {
.awesomplete li[aria-selected="true"] mark {
background: hsl(86, 100%, 21%);
color: inherit;
}
/*# sourceMappingURL=awesomplete.css.map */

/* line 27, ../sass/simplelightbox.scss */
body.hidden-scroll {
overflow: hidden;
Expand Down Expand Up @@ -957,7 +965,11 @@ body.hidden-scroll {
color: #000;
font-size: 3rem;
}
/* line 70, ../sass/simplelightbox.scss */
/* line 69, ../sass/simplelightbox.scss */
.sl-wrapper .sl-close:focus {
outline: none;
}
/* line 74, ../sass/simplelightbox.scss */
.sl-wrapper .sl-counter {
display: none;
position: fixed;
Expand All @@ -967,12 +979,12 @@ body.hidden-scroll {
color: #000;
font-size: 1rem;
}
/* line 80, ../sass/simplelightbox.scss */
/* line 84, ../sass/simplelightbox.scss */
.sl-wrapper .sl-navigation {
width: 100%;
display: none;
}
/* line 83, ../sass/simplelightbox.scss */
/* line 87, ../sass/simplelightbox.scss */
.sl-wrapper .sl-navigation button {
position: fixed;
top: 50%;
Expand All @@ -986,92 +998,96 @@ body.hidden-scroll {
font-family: Arial, Baskerville, monospace;
color: #000;
}
/* line 95, ../sass/simplelightbox.scss */
/* line 99, ../sass/simplelightbox.scss */
.sl-wrapper .sl-navigation button.sl-next {
right: 5px;
font-size: 2rem;
}
/* line 100, ../sass/simplelightbox.scss */
/* line 104, ../sass/simplelightbox.scss */
.sl-wrapper .sl-navigation button.sl-prev {
left: 5px;
font-size: 2rem;
}
/* line 109, ../sass/simplelightbox.scss */
.sl-wrapper .sl-navigation button:focus {
outline: none;
}
@media (min-width: 35.5em) {
/* line 83, ../sass/simplelightbox.scss */
/* line 87, ../sass/simplelightbox.scss */
.sl-wrapper .sl-navigation button {
width: 44px;
}
/* line 107, ../sass/simplelightbox.scss */
/* line 116, ../sass/simplelightbox.scss */
.sl-wrapper .sl-navigation button.sl-next {
right: 10px;
font-size: 3rem;
}
/* line 112, ../sass/simplelightbox.scss */
/* line 121, ../sass/simplelightbox.scss */
.sl-wrapper .sl-navigation button.sl-prev {
left: 10px;
font-size: 3rem;
}
}
@media (min-width: 50em) {
/* line 83, ../sass/simplelightbox.scss */
/* line 87, ../sass/simplelightbox.scss */
.sl-wrapper .sl-navigation button {
width: 44px;
}
/* line 120, ../sass/simplelightbox.scss */
/* line 129, ../sass/simplelightbox.scss */
.sl-wrapper .sl-navigation button.sl-next {
right: 20px;
font-size: 3rem;
}
/* line 125, ../sass/simplelightbox.scss */
/* line 134, ../sass/simplelightbox.scss */
.sl-wrapper .sl-navigation button.sl-prev {
left: 20px;
font-size: 3rem;
}
}
/* line 133, ../sass/simplelightbox.scss */
/* line 142, ../sass/simplelightbox.scss */
.sl-wrapper .sl-image {
position: fixed;
-ms-touch-action: none;
touch-action: none;
z-index: 10000;
}
/* line 138, ../sass/simplelightbox.scss */
/* line 147, ../sass/simplelightbox.scss */
.sl-wrapper .sl-image img {
margin: 0;
padding: 0;
display: block;
border: 0 none;
}
@media (min-width: 35.5em) {
/* line 138, ../sass/simplelightbox.scss */
/* line 147, ../sass/simplelightbox.scss */
.sl-wrapper .sl-image img {
border: 0 none;
}
}
@media (min-width: 50em) {
/* line 138, ../sass/simplelightbox.scss */
/* line 147, ../sass/simplelightbox.scss */
.sl-wrapper .sl-image img {
border: 0 none;
}
}
/* line 151, ../sass/simplelightbox.scss */
/* line 160, ../sass/simplelightbox.scss */
.sl-wrapper .sl-image iframe {
background: #000;
border: 0 none;
}
@media (min-width: 35.5em) {
/* line 151, ../sass/simplelightbox.scss */
/* line 160, ../sass/simplelightbox.scss */
.sl-wrapper .sl-image iframe {
border: 0 none;
}
}
@media (min-width: 50em) {
/* line 151, ../sass/simplelightbox.scss */
/* line 160, ../sass/simplelightbox.scss */
.sl-wrapper .sl-image iframe {
border: 0 none;
}
}
/* line 161, ../sass/simplelightbox.scss */
/* line 170, ../sass/simplelightbox.scss */
.sl-wrapper .sl-image .sl-caption {
display: none;
padding: 10px;
Expand All @@ -1082,16 +1098,16 @@ body.hidden-scroll {
left: 0;
right: 0;
}
/* line 171, ../sass/simplelightbox.scss */
/* line 180, ../sass/simplelightbox.scss */
.sl-wrapper .sl-image .sl-caption.pos-top {
bottom: auto;
top: 0;
}
/* line 176, ../sass/simplelightbox.scss */
/* line 185, ../sass/simplelightbox.scss */
.sl-wrapper .sl-image .sl-caption.pos-outside {
bottom: auto;
}
/* line 181, ../sass/simplelightbox.scss */
/* line 190, ../sass/simplelightbox.scss */
.sl-wrapper .sl-image .sl-download {
display: none;
position: absolute;
Expand All @@ -1101,7 +1117,7 @@ body.hidden-scroll {
z-index: 1060;
}

/* line 192, ../sass/simplelightbox.scss */
/* line 201, ../sass/simplelightbox.scss */
.sl-spinner {
display: none;
border: 5px solid #333;
Expand All @@ -1121,7 +1137,7 @@ body.hidden-scroll {
animation: pulsate 1s ease-out infinite;
}

/* line 211, ../sass/simplelightbox.scss */
/* line 220, ../sass/simplelightbox.scss */
.sl-scrollbar-measure {
position: absolute;
top: -9999px;
Expand Down
Loading

0 comments on commit 8f9a4e6

Please sign in to comment.