swcs/Umbraco-CMS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

reverts whitespaces changes

Browse Source
This commit is contained in:
Shannon
2019-08-09 11:23:20 +10:00
parent cce8017155
commit 11d18a6446
1 changed files with 102 additions and 103 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/Umbraco.Web.UI.Client/src/less/components/card.less
+102 -103
View File
@@ -2,9 +2,9 @@
Library of card related compoents, like the right-hand icon list on the grid "cards"
*/
.umb-card {
position: relative;
padding: 5px 10px 5px 10px;
.umb-card{
position: relative;
padding: 5px 10px 5px 10px;
background: white;
width: 100%;
@@ -12,10 +12,10 @@
}
.umb-card-thumb {
.umb-card-thumb{
text-align: center;
i {
i{
text-align: center;
font-size: 20px;
line-height: 40px;
@@ -25,51 +25,51 @@
}
}
.umb-card-content {
.umb-card-content{
.item-title{color: @blackLight; font-weight: 400; border: none; font-size: 16px; text-transform: none; margin-bottom: 3px;}
p{color: @gray-3; margin-bottom: 1px;}
}
.umb-card-actions {
.umb-card-actions{
padding-top: 10px;
border-top: @gray-10 1px solid;
clear: both;
}
.umb-card-icons {
text-align: center;
vertical-align: middle;
display: block;
list-style: none;
margin: 0;
padding: 0;
.umb-card-icons{
text-align: center;
vertical-align: middle;
display: block;
list-style: none;
margin: 0;
padding: 0;
}
.umb-card-icons.vertical {
position: absolute;
top: 7px;
right: 7px;
text-align: right;
width: 1px;
.umb-card-icons.vertical{
position: absolute;
top: 7px;
right: 7px;
text-align: right;
width: 1px;
}
.umb-card-icons li {
display: inline-block;
margin: 0 2px 0 2px;
.umb-card-icons li{
display: inline-block;
margin: 0 2px 0 2px;
}
.umb-card-icons.vertical li {
float: right;
display: block;
margin-bottom: 3px;
.umb-card-icons.vertical li{
float: right;
display: block;
margin-bottom: 3px;
}
//card iocn list
.umb-card-list {
display: block;
padding: 0;
margin: 0;
}
.umb-card-list{
display: block;
padding: 0;
margin: 0;
}
.umb-card-list li {
border-bottom: @gray-10 1px solid;
@@ -81,23 +81,23 @@
//Card icon grid for picking items off a card
.umb-card-grid {
padding: 0;
margin: 0 auto;
list-style: none;
.umb-card-grid{
padding: 0;
margin: 0 auto;
list-style: none;
width: 100%;
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
}
.umb-card-grid li {
overflow: hidden;
font-size: 12px;
text-align: center;
box-sizing: border-box;
position: relative;
overflow: hidden;
font-size: 12px;
text-align: center;
box-sizing: border-box;
position: relative;
width: 100px;
}
@@ -107,18 +107,19 @@
}
.umb-card-grid.-three-in-row li {
flex: 0 0 33.33%;
max-width: 33.33%;
flex: 0 0 33.33%;
max-width:33.33%;
}
.umb-card-grid .umb-card-grid-item {
position: relative;
display: block;
width: 100%;
display: block;
width: 100%;
//height: 100%;
padding-top: 100%;
border-radius: 3px;
border-radius: 3px;
transition: background-color 120ms;
> span {
position: absolute;
top: 10px;
@@ -136,8 +137,8 @@
.umb-card-grid .umb-card-grid-item:hover,
.umb-card-grid .umb-card-grid-item:focus {
background-color: @ui-option-hover;
color: @ui-option-type-hover;
background-color: @ui-option-hover;
color: @ui-option-type-hover;
}
.umb-card-grid a {
@@ -152,82 +153,80 @@
display: block;
}
.umb-card-grid .umb-card-grid-item__loading {
position: absolute;
background-color: rgba(255, 255, 255, 0.8);
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.umb-card-grid .umb-card-grid-item__loading {
position: absolute;
background-color: rgba(255,255,255,0.8);
top: 0;
right: 0;
bottom: 0;
left: 0;
}
//Round icon-like button - this should be somewhere else
.umb-btn-round {
padding: 4px 6px 4px 6px;
.umb-btn-round{
padding: 4px 6px 4px 6px;
display: inline-block;
cursor: pointer;
border-radius: 200px;
background: @gray-10;
border: 1px solid @gray-6;
border:1px solid @gray-6;
margin: 2px;
}
.umb-btn-round:hover,
.umb-btn-round:hover * {
background: @blueDark !important;
color: @white !important;
border-color: @blueDark !important;
text-decoration: none;
}
.umb-btn-round:hover, .umb-btn-round:hover *{
background: @blueDark !important;
color: @white !important;
border-color: @blueDark !important;
text-decoration:none;
}
.umb-btn-round a:hover {
text-decoration: none;
color: @white !important;
}
.umb-btn-round a:hover {
text-decoration:none;
color: @white !important;
}
.umb-btn-round i {
font-size: 16px !important;
color: @gray-8;
display: block;
}
.umb-btn-round i {
font-size:16px !important;
color: @gray-8;
display:block;
}
.umb-btn-round.alert:hover,
.umb-btn-round.alert:hover * {
background: @red !important;
color: @white !important;
border-color: @red !important;
text-decoration: none;
}
.umb-btn-round.alert:hover, .umb-btn-round.alert:hover *{
background: @red !important;
color: @white !important;
border-color: @red !important;
text-decoration:none;
}
.umb-btn-round.no-border {
.umb-btn-round.no-border{
border: none !important;
background: none !important;
}
.umb-training-videos {
display: grid;
grid-gap: 10px;
grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
display: grid;
grid-gap: 10px;
grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
}
.umb-training-video {
background: @white;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.16);
border-radius: @baseBorderRadius;
transition: box-shadow 0.1s ease-in-out, border 0.1s ease-in-out;
box-sizing: border-box;
padding: 20px;
background: @white;
box-shadow: 0 1px 1px 0 rgba(0,0,0,0.16);
border-radius: @baseBorderRadius;
transition: box-shadow 0.1s ease-in-out, border 0.1s ease-in-out;
box-sizing: border-box;
padding: 20px;
}
.umb-training-video:hover {
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
text-decoration: none;
box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16);
text-decoration: none;
}
.umb-training-video__label {
font-weight: bold;
margin-top: 20px;
display: block;
text-align: center;
}
margin-top: 20px;
display: block;
text-align: center;
}