Skip to content
Permalink
Browse files

SCSSLint: Fix CapitalizationInSelector

Some third party class naming must be excluded
  • Loading branch information...
nschonni committed Apr 1, 2014
1 parent c388eda commit 6425e72dee014b8f1560466fa2aa579e94984598
@@ -21,7 +21,15 @@ linters:
PropertySortOrder:
enabled: false
CapitalizationInSelector:
enabled: false
exclude:
- "src/plugins/charts/charts.scss"
- "src/plugins/geomap/geomap.scss"
- "src/plugins/geomap/geomap-ie8.scss"
- "src/plugins/geomap/geomap-printView.scss"
- "src/plugins/tables/tables.scss"
- "src/polyfills/meter/meter.scss"
- "src/polyfills/meter/demo/meter.scss"
- "src/polyfills/progress/demo/progress.scss"
ColorKeyword:
enabled: false
BorderZero:
@@ -10,12 +10,12 @@
%prettify-screen-color-660 {
color: #660;
}
%prettify-screen-color-2F6D2F {
%prettify-screen-color-2f6d2f {
color: #2f6d2f;
}

.str {
@extend %prettify-screen-color-2F6D2F;
@extend %prettify-screen-color-2f6d2f;
} /* string content - from #080 */
.kwd {
color: #024b6e;
@@ -46,7 +46,7 @@
@extend %prettify-screen-color-606;
} /* a markup attribute name */
.atv {
@extend %prettify-screen-color-2F6D2F;
@extend %prettify-screen-color-2f6d2f;
} /* a markup attribute value - from #080 */
.dec {
@extend %prettify-screen-color-606;
@@ -2,10 +2,6 @@
* Web Experience Toolkit (WET) / Boîte à outils de l'expérience Web (BOEW)
* wet-boew.github.io/wet-boew/License-en.html / wet-boew.github.io/wet-boew/Licence-fr.html
*/
%carouselDrabBlueBackground-mediumViewOver {
background: $drabBlue;
background: transparentize($drabBlue, 0.1);
}

%tabs-mediumview-prv-nxt-common {
top: 0;
@@ -31,7 +27,8 @@
.wb-tabs {
&.carousel-s1, &.carousel-s2 {
figcaption {
@extend %carouselDrabBlueBackground-mediumViewOver;
background: $drabBlue;
background: transparentize($drabBlue, 0.1);
}
[role="tablist"] {
li {
@@ -11,43 +11,38 @@ $drabBlue: #243850;
$lightGray: #eee;
$medGray: #ccc;

%tabsGreyBackground {
background: $medGray;
background: transparentize($medGray, 0.1);
}

%tabsPositionRelative {
%tabs-position-relative {
position: relative;
}

%carouselTabs {
%tab-position-relative {
position: absolute;
}

%carouselTabsLi {
%tab-zindex-100 {
z-index: 100;
}

%carouselDrabBlueBackground {
%tab-background-243850 {
background: $drabBlue;
background: transparentize($drabBlue, 0.1);
}

//TODO:Combine with previous placeholder when libsass supports nested selectors
%carouselFigureImage {
%tab-width-100-height-auto {
width: 100%;
height: auto;
}

%carouselFigureCaptions {
%tab-figure-captions {
position: absolute;
color: #fff;
padding: 0.5em 1em;
z-index: 101;
}

//TODO:Combine with previous placeholder when libsass supports nested selectors
%carouselFigureCaptionsLinks {
%tab-figure-captions-links {
color: #fff;
}

@@ -92,7 +87,7 @@ $medGray: #ccc;
/**
* Default, minimal, shared style
*/
@extend %tabsPositionRelative;
@extend %tabs-position-relative;
[role ="tablist"] {
position: relative;
list-style: none;
@@ -115,7 +110,8 @@ $medGray: #ccc;
padding: 10px;
}
&:focus, &:hover {
@extend %tabsGreyBackground;
background: $medGray;
background: transparentize($medGray, 0.1);
}
&.active {
padding-bottom: 1px;
@@ -142,11 +138,11 @@ $medGray: #ccc;
*/
&.carousel-s1 {
[role="tablist"] {
@extend %carouselTabs;
@extend %tab-position-relative;
bottom: 1em;
left: 1em;
li {
@extend %carouselTabsLi;
@extend %tab-zindex-100;
&.active, &:focus, &:hover {
top: 1px;
a {
@@ -156,18 +152,18 @@ $medGray: #ccc;
}
}
figure {
@extend %tabsPositionRelative;
@extend %carouselDrabBlueBackground;
@extend %tabs-position-relative;
@extend %tab-background-243850;
img {
@extend %carouselFigureImage;
@extend %tab-width-100-height-auto;
}
}
figcaption {
@extend %carouselFigureCaptions;
@extend %tab-figure-captions;
top: 3em;
right: 1em;
a {
@extend %carouselFigureCaptionsLinks;
@extend %tab-figure-captions-links;
}
}
}
@@ -180,12 +176,12 @@ $medGray: #ccc;
// 44px = 2 x 10px for anchor padding + 2 x 4px for list item padding + 16px for carousel bottom margin
margin-bottom: $thumbHeight + 44px;
[role="tablist"] {
@extend %carouselTabs;
@extend %tab-position-relative;
width: 100%;
height: 100%;
li {
background: transparent;
@extend %carouselTabsLi;
@extend %tab-zindex-100;
display: none;
border: none;
&[role="presentation"] {
@@ -267,27 +263,27 @@ $medGray: #ccc;
}
}
figure {
@extend %tabsPositionRelative;
@extend %carouselDrabBlueBackground;
@extend %tabs-position-relative;
@extend %tab-background-243850;
img {
@extend %carouselFigureImage;
@extend %tab-width-100-height-auto;
}
}
figcaption {
@extend %carouselFigureCaptions;
@extend %tab-figure-captions;
bottom: 0;
left: 0;
right: 0;
a {
@extend %carouselFigureCaptionsLinks;
@extend %tab-figure-captions-links;
}
p {
margin-bottom: 0;
}
}
&.no-overlap {
figcaption {
@extend %tabsPositionRelative;
@extend %tabs-position-relative;
}
}
}
@@ -2,9 +2,7 @@
* Web Experience Toolkit (WET) / Boîte à outils de l'expérience Web (BOEW)
* wet-boew.github.io/wet-boew/License-en.html / wet-boew.github.io/wet-boew/Licence-fr.html
*/
%slider-gradient-left-89A5BD-165C91 {
background-image: linear-gradient(left, #89a5bd, #165c91);
}

%slider-display-block {
display: block;
}
@@ -149,7 +147,7 @@
@extend %slider-overflow-hidden;
line-height: 2px;
@extend %slider-background-color-165c91;
@extend %slider-gradient-left-89A5BD-165C91;
background-image: linear-gradient(left, #89a5bd, #165c91);
@extend %slider-border-radius-2;
@extend %slider-background-clip-padding-box;
}

0 comments on commit 6425e72

Please sign in to comment.
You can’t perform that action at this time.