Skip to content
Snippets Groups Projects
Commit 1571d935 authored by David Suissa's avatar David Suissa Committed by Paul McKibben
Browse files

Issue #3466984 by DYdave: Stylelint on GitlabCI: Fixed all validation errors,...

parent deba9ad2
No related branches found
No related tags found
1 merge request!38Issue #3466984 by DYdave: Stylelint on GitlabCI: Fixed all validation errors,...
Pipeline #251957 passed with warnings
......@@ -60,6 +60,13 @@ include:
# _CURL_TEMPLATES_REF: 'main'
#
# Stylelint overrides and configuration.
#
stylelint:
# Require stylelint to pass.
allow_failure: false
# PHPCS overrides and configuration.
#
phpcs:
......
......@@ -2,13 +2,20 @@
* Colorbox Core Style:
* The following CSS is consistent between example themes and should not be altered.
*/
/**
* Disable stylelint rule 'selector-id-pattern' since these CSS IDs are provided
* by the colorbox JS library and not defined by the module.
*/
/* stylelint-disable selector-id-pattern */
#colorbox,
#cboxOverlay,
#cboxWrapper {
position: absolute;
z-index: 9999;
top: 0;
left: 0;
z-index: 9999;
overflow: hidden;
}
#cboxOverlay {
......@@ -46,13 +53,13 @@
#cboxNext,
#cboxClose,
#cboxSlideshow {
border: 0;
padding: 0;
margin: 0;
overflow: visible;
width: auto;
background: none;
margin: 0;
padding: 0;
cursor: pointer;
border: 0;
background: none;
}
/**
* Avoid outlines on :active (mouse click),
......@@ -65,16 +72,16 @@
outline: 0;
}
.cboxPhoto {
display: block;
float: left;
max-width: none;
margin: auto;
border: 0;
display: block;
max-width: none;
}
.cboxIframe {
display: block;
width: 100%;
height: 100%;
display: block;
border: 0;
}
/* Reset box sizing to content-box if theme is using border-box. */
......@@ -98,10 +105,10 @@
outline: 0;
}
#cboxWrapper {
background: #fff;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background: #fff;
}
#cboxTopLeft {
width: 15px;
......@@ -132,8 +139,8 @@
width: 15px;
}
#cboxContent {
background: #fff;
overflow: hidden;
background: #fff;
}
#cboxError {
padding: 50px;
......@@ -144,15 +151,15 @@
}
#cboxTitle {
position: absolute;
background: rgba(255, 255, 255, 0.7);
bottom: 28px;
left: 0;
color: #535353;
width: 100%;
padding: 4px 6px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
padding: 4px 6px;
color: #535353;
background: rgba(255, 255, 255, 0.7);
}
#cboxCurrent {
position: absolute;
......@@ -162,24 +169,24 @@
}
.cboxSlideshow_on #cboxSlideshow {
position: absolute;
bottom: 0;
right: 30px;
background: url(images/controls.png) no-repeat -75px -50px;
bottom: 0;
width: 25px;
height: 25px;
text-indent: -9999px;
background: url(images/controls.png) no-repeat -75px -50px;
}
.cboxSlideshow_on #cboxSlideshow:hover {
background-position: -101px -50px;
}
.cboxSlideshow_off #cboxSlideshow {
position: absolute;
bottom: 0;
right: 30px;
background: url(images/controls.png) no-repeat -25px -50px;
bottom: 0;
width: 25px;
height: 25px;
text-indent: -9999px;
background: url(images/controls.png) no-repeat -25px -50px;
}
.cboxSlideshow_off #cboxSlideshow:hover {
background-position: -49px -50px;
......@@ -188,10 +195,10 @@
position: absolute;
bottom: 0;
left: 0;
background: url(images/controls.png) no-repeat -75px 0;
width: 25px;
height: 25px;
text-indent: -9999px;
background: url(images/controls.png) no-repeat -75px 0;
}
#cboxPrevious:hover {
background-position: -75px -25px;
......@@ -200,10 +207,10 @@
position: absolute;
bottom: 0;
left: 27px;
background: url(images/controls.png) no-repeat -50px 0;
width: 25px;
height: 25px;
text-indent: -9999px;
background: url(images/controls.png) no-repeat -50px 0;
}
#cboxNext:hover {
background-position: -50px -25px;
......@@ -216,12 +223,12 @@
}
#cboxClose {
position: absolute;
bottom: 0;
right: 0;
background: url(images/controls.png) no-repeat -25px 0;
bottom: 0;
width: 25px;
height: 25px;
text-indent: -9999px;
background: url(images/controls.png) no-repeat -25px 0;
}
#cboxClose:hover {
background-position: -25px -25px;
......
......@@ -2,13 +2,20 @@
* Colorbox Core Style:
* The following CSS is consistent between example themes and should not be altered.
*/
/**
* Disable stylelint rule 'selector-id-pattern' since these CSS IDs are provided
* by the colorbox JS library and not defined by the module.
*/
/* stylelint-disable selector-id-pattern */
#colorbox,
#cboxOverlay,
#cboxWrapper {
position: absolute;
z-index: 9999;
top: 0;
left: 0;
z-index: 9999;
overflow: hidden;
}
#cboxOverlay {
......@@ -46,13 +53,13 @@
#cboxNext,
#cboxClose,
#cboxSlideshow {
border: 0;
padding: 0;
margin: 0;
overflow: visible;
width: auto;
background: none;
margin: 0;
padding: 0;
cursor: pointer;
border: 0;
background: none;
}
/**
* Avoid outlines on :active (mouse click),
......@@ -65,16 +72,16 @@
outline: 0;
}
.cboxPhoto {
display: block;
float: left;
max-width: none;
margin: auto;
border: 0;
display: block;
max-width: none;
}
.cboxIframe {
display: block;
width: 100%;
height: 100%;
display: block;
border: 0;
}
/* Reset box sizing to content-box if theme is using border-box. */
......@@ -97,7 +104,7 @@
#colorbox {
outline: 0;
}
/* @codingStandardsIgnoreLine */
/* stylelint-disable-next-line block-no-empty */
#cboxWrapper {
}
#cboxContent {
......@@ -115,21 +122,21 @@
}
#cboxTitle {
position: absolute;
background: rgba(255, 255, 255, 0.7);
bottom: 0;
left: 0;
color: #535353;
width: 100%;
padding: 4px 6px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
padding: 4px 6px;
color: #535353;
-webkit-border-bottom-right-radius: 5px;
border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
border-bottom-left-radius: 5px;
background: rgba(255, 255, 255, 0.7);
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
#cboxLoadingOverlay {
......@@ -140,18 +147,18 @@
}
#cboxClose.cbox-close-plain {
position: absolute;
font-size: 20px;
line-height: 18px;
text-align: center;
color: rgba(255, 255, 255, 0.7);
background: rgba(0, 0, 0, 0.5);
top: 4px;
right: 4px;
width: 20px;
height: 20px;
text-align: center;
color: rgba(255, 255, 255, 0.7);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background: rgba(0, 0, 0, 0.5);
font-size: 20px;
line-height: 18px;
}
.cbox-close-plain:hover {
color: rgba(255, 255, 255, 0.9);
......
......@@ -2,13 +2,20 @@
* Colorbox Core Style:
* The following CSS is consistent between example themes and should not be altered.
*/
/**
* Disable stylelint rule 'selector-id-pattern' since these CSS IDs are provided
* by the colorbox JS library and not defined by the module.
*/
/* stylelint-disable selector-id-pattern */
#colorbox,
#cboxOverlay,
#cboxWrapper {
position: absolute;
z-index: 9999;
top: 0;
left: 0;
z-index: 9999;
overflow: hidden;
}
#cboxOverlay {
......@@ -46,13 +53,13 @@
#cboxNext,
#cboxClose,
#cboxSlideshow {
border: 0;
padding: 0;
margin: 0;
overflow: visible;
width: auto;
background: none;
margin: 0;
padding: 0;
cursor: pointer;
border: 0;
background: none;
}
/**
* Avoid outlines on :active (mouse click),
......@@ -65,16 +72,16 @@
outline: 0;
}
.cboxPhoto {
display: block;
float: left;
max-width: none;
margin: auto;
border: 0;
display: block;
max-width: none;
}
.cboxIframe {
display: block;
width: 100%;
height: 100%;
display: block;
border: 0;
}
/* Reset box sizing to content-box if theme is using border-box. */
......@@ -96,29 +103,29 @@
}
#colorbox {
-webkit-border-bottom-right-radius: 9px;
border-bottom-right-radius: 9px;
-webkit-border-bottom-left-radius: 9px;
border-bottom-left-radius: 9px;
outline: 0;
background: #fff url(images/bg_tab.png) center bottom repeat-x;
-moz-box-shadow: 3px 3px 16px #333;
-webkit-box-shadow: 3px 3px 16px #333;
box-shadow: 3px 3px 16px #333;
-moz-border-radius-bottomleft: 9px;
-moz-border-radius-bottomright: 9px;
-webkit-border-bottom-left-radius: 9px;
-webkit-border-bottom-right-radius: 9px;
border-bottom-left-radius: 9px;
border-bottom-right-radius: 9px;
outline: 0;
}
#colorbox,
#colorbox div {
overflow: visible; /* Required by the close button. */
}
#cboxWrapper {
-moz-border-radius-bottomleft: 9px;
-moz-border-radius-bottomright: 9px;
-webkit-border-bottom-left-radius: 9px;
-webkit-border-bottom-right-radius: 9px;
border-bottom-left-radius: 9px;
border-bottom-right-radius: 9px;
-webkit-border-bottom-left-radius: 9px;
border-bottom-left-radius: 9px;
-moz-border-radius-bottomleft: 9px;
-moz-border-radius-bottomright: 9px;
}
#cboxTopLeft {
width: 0;
......@@ -149,67 +156,67 @@
width: 0;
}
#cboxContent {
background: #fff;
overflow: hidden;
margin-bottom: 28px;
background: #fff;
}
#cboxError {
padding: 50px;
border: 1px solid #ccc;
}
/* @codingStandardsIgnoreLine */
/* stylelint-disable-next-line block-no-empty */
#cboxLoadedContent {
}
#cboxTitle {
left: 0;
display: table-cell !important;
float: none !important;
height: 38px;
color: #313131;
padding: 0 140px 0 15px;
display: table-cell !important;
vertical-align: middle;
float: none !important;
color: #313131;
}
#cboxCurrent {
position: absolute;
bottom: -26px;
right: 80px;
bottom: -26px;
padding: 0 0 0 15px;
color: #313131;
border-left: 1px solid #313131;
padding: 0 0 0 15px;
}
/* Slideshow not implemented. */
.cboxSlideshow_on #cboxSlideshow {
display: none;
}
/* @codingStandardsIgnoreLine */
/* stylelint-disable-next-line block-no-empty */
.cboxSlideshow_on #cboxSlideshow:hover {
}
.cboxSlideshow_off #cboxSlideshow {
display: none;
}
/* @codingStandardsIgnoreLine */
/* stylelint-disable-next-line block-no-empty */
.cboxSlideshow_off #cboxSlideshow:hover {
}
#cboxPrevious {
position: absolute;
bottom: -26px;
right: 45px;
background: url(images/controls.png) no-repeat 0 -48px;
bottom: -26px;
width: 21px;
height: 15px;
text-indent: -9999px;
background: url(images/controls.png) no-repeat 0 -48px;
}
#cboxPrevious:hover {
background-position: 0 -111px;
}
#cboxNext {
position: absolute;
bottom: -26px;
right: 15px;
background: url(images/controls.png) no-repeat 0 -29px;
bottom: -26px;
width: 21px;
height: 15px;
text-indent: -9999px;
background: url(images/controls.png) no-repeat 0 -29px;
}
#cboxNext:hover {
background-position: 0 -92px;
......@@ -224,11 +231,11 @@
position: absolute;
top: -10px;
right: -10px;
background: url(images/controls.png) no-repeat 0 0;
width: 25px;
height: 25px;
text-indent: -9999px;
opacity: 0;
background: url(images/controls.png) no-repeat 0 0;
}
#cboxClose:hover {
background-position: 0 -63px;
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment