kopia lustrzana https://github.com/wagtail/wagtail
Remove unused icon styles
Thibaud Colas
rodzic
9fc1098167
commit
4e08807d17
|
|
@ -287,17 +287,9 @@
|
|||
|
||||
@include media-breakpoint-up(sm) {
|
||||
&.icon {
|
||||
&:before {
|
||||
line-height: 2.1em;
|
||||
}
|
||||
|
||||
&.button-small {
|
||||
width: 1.75em;
|
||||
height: 1.75em;
|
||||
|
||||
&:before {
|
||||
line-height: 1.7em;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -314,17 +306,8 @@
|
|||
&.bicolor {
|
||||
padding-inline-start: 3.5em;
|
||||
|
||||
&:before {
|
||||
width: 2em;
|
||||
font-size: theme('fontSize.16');
|
||||
}
|
||||
|
||||
&.button-small {
|
||||
padding-inline-start: 3em;
|
||||
|
||||
&:before {
|
||||
width: 1.75em;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -88,12 +88,6 @@
|
|||
|
||||
&.icon {
|
||||
padding-inline-end: 5em;
|
||||
|
||||
// stylelint-disable-next-line max-nesting-depth
|
||||
&:before,
|
||||
&:after {
|
||||
inset-inline-end: 1em;
|
||||
}
|
||||
}
|
||||
|
||||
&.shortcut {
|
||||
|
|
@ -162,16 +156,6 @@
|
|||
padding: 0 0.5em;
|
||||
text-align: center;
|
||||
|
||||
&:before,
|
||||
&:after {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
&:before {
|
||||
width: 1em;
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background-color: theme('colors.surface-button-hover');
|
||||
}
|
||||
|
|
|
|||
|
|
@ -15,15 +15,12 @@
|
|||
color: theme('colors.surface-page');
|
||||
}
|
||||
|
||||
.icon:after {
|
||||
text-align: end;
|
||||
}
|
||||
|
||||
// =============================================================================
|
||||
// Icon factory methods
|
||||
// =============================================================================
|
||||
|
||||
$icons-after: ('arrow-down', 'arrow-right', 'arrow-up');
|
||||
// Legacy icons still implemented via CSS due to the markup being hard to change.
|
||||
$icons-after: ('arrow-down', 'arrow-up');
|
||||
|
||||
@each $icon in $icons-after {
|
||||
.icon-#{$icon}-after::after {
|
||||
|
|
@ -39,11 +36,8 @@ $icons-after: ('arrow-down', 'arrow-right', 'arrow-up');
|
|||
// =============================================================================
|
||||
// Custom config for various icons
|
||||
// =============================================================================
|
||||
.icon-download {
|
||||
// Credit: Icon made by Freepik from Flaticon.com
|
||||
}
|
||||
|
||||
// For SVG icons, add spinner styles onto the use element,
|
||||
// Add spinner styles onto the use element,
|
||||
// so an icon can be turned into a spinner by changing the href only.
|
||||
// This allows us to switch any icon to a spinner with much less boilerplate.
|
||||
use[href='#icon-spinner'] {
|
||||
|
|
@ -51,10 +45,6 @@ use[href='#icon-spinner'] {
|
|||
transform-origin: center;
|
||||
}
|
||||
|
||||
.icon-larger:before {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
.text-replace {
|
||||
font-size: 0;
|
||||
line-height: 0;
|
||||
|
|
@ -75,11 +65,6 @@ use[href='#icon-spinner'] {
|
|||
}
|
||||
}
|
||||
|
||||
.icon-spinner:after {
|
||||
display: inline-block;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
// stylelint-disable-next-line no-duplicate-selectors
|
||||
.icon {
|
||||
&.initial {
|
||||
|
|
|
|||
|
|
@ -543,6 +543,7 @@ table.listing {
|
|||
text-align: center;
|
||||
height: 180px;
|
||||
|
||||
// Vertically center the image.
|
||||
&:before {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
|
|
|
|||
|
|
@ -82,13 +82,6 @@ $positions: (
|
|||
text-decoration: none;
|
||||
position: relative;
|
||||
|
||||
.w-icon:before {
|
||||
transition: color 0.2s ease;
|
||||
font-size: 2rem;
|
||||
width: auto;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.w-userbar-axe-count {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
|
|
@ -215,17 +208,6 @@ $positions: (
|
|||
}
|
||||
}
|
||||
|
||||
.w-icon {
|
||||
position: relative;
|
||||
|
||||
&:before {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
inset-inline-start: 14px;
|
||||
}
|
||||
}
|
||||
|
||||
a,
|
||||
button {
|
||||
font-size: 0.875rem;
|
||||
|
|
|
|||
|
|
@ -37,9 +37,5 @@
|
|||
|
||||
&.square {
|
||||
border-radius: 0;
|
||||
|
||||
&:before {
|
||||
border-radius: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -82,10 +82,6 @@
|
|||
mask-image: url('#{$images-root}icons/cross.svg');
|
||||
mask-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.ui-icon-close:hover:before {
|
||||
color: theme('colors.critical.200');
|
||||
}
|
||||
}
|
||||
|
||||
@media (forced-colors: active) {
|
||||
|
|
|
|||
|
|
@ -35,10 +35,6 @@
|
|||
line-height: 1;
|
||||
font-size: 2em;
|
||||
cursor: pointer;
|
||||
|
||||
.icon::before {
|
||||
margin-inline-end: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.c-page-explorer__item__action--small {
|
||||
|
|
|
|||
|
|
@ -35,25 +35,6 @@
|
|||
color: theme('colors.text-label-menus-active');
|
||||
text-shadow: -1px -1px 0 theme('colors.black-35');
|
||||
}
|
||||
|
||||
&:before {
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
font-size: 1rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
// Ensure consistent button height in collapsed state where no text line-height is adding 1.5px.
|
||||
margin: 0.046875rem 0;
|
||||
}
|
||||
|
||||
// only really used for spinners and settings menu
|
||||
&:after {
|
||||
font-size: 1.5em;
|
||||
margin: 0;
|
||||
position: absolute;
|
||||
inset-inline-end: 0.5em;
|
||||
top: 0.5em;
|
||||
}
|
||||
}
|
||||
|
||||
&--in-sub-menu {
|
||||
|
|
|
|||
|
|
@ -37,15 +37,6 @@
|
|||
> h2 {
|
||||
// w-min-h-[160px] and w-mt-[35px] classes are to vertically align the title and icon combination to the search input on the left
|
||||
@apply w-min-h-[180px] w-px-4 w-box-border w-text-center w-text-text-label-menus-default w-mb-0 w-inline-flex w-flex-col w-justify-center w-items-center w-transition-sidebar;
|
||||
|
||||
&:before {
|
||||
font-size: 4em;
|
||||
display: block;
|
||||
text-align: center;
|
||||
margin: 0 0 0.2em;
|
||||
width: 100%;
|
||||
opacity: 0.15;
|
||||
}
|
||||
}
|
||||
|
||||
ul > li {
|
||||
|
|
|
|||
|
|
@ -57,12 +57,6 @@
|
|||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
|
||||
&:before {
|
||||
font-size: 1rem;
|
||||
margin-inline-end: 0.5em;
|
||||
vertical-align: -10%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
Ładowanie…
Reference in New Issue