mirror of
https://github.com/scratchfoundation/scratch-www.git
synced 2024-12-14 01:31:05 -05:00
b2b00ee867
Add Cloud Variables to the ‘Extension’ Chips when there are cloud variables in the project. If the user is logged in, also link to the cloud variable log for the project.
58 lines
1.2 KiB
SCSS
58 lines
1.2 KiB
SCSS
@import "../../colors";
|
|
|
|
.extension-chip {
|
|
display: flex;
|
|
margin: 0 .625rem .625rem 0;
|
|
border-radius: 5px;
|
|
background-color: $ui-blue-25percent;
|
|
padding: .625rem;
|
|
height: 3rem;
|
|
flex-flow: row;
|
|
box-sizing: border-box;
|
|
align-items: center;
|
|
|
|
&.has-status {
|
|
background-color: $ui-orange-25percent;
|
|
}
|
|
|
|
.extension-icon {
|
|
margin-right: 5px;
|
|
width: 2rem;
|
|
height: 2rem;
|
|
}
|
|
|
|
.extension-content {
|
|
display: flex;
|
|
margin: 0 5px;
|
|
font-size: .875rem;
|
|
justify-content: center;
|
|
flex-flow: column;
|
|
align-items: flex-start;
|
|
}
|
|
|
|
.extension-status {
|
|
border-radius: 10px;
|
|
background-color: $ui-orange;
|
|
padding: 0 5px;
|
|
text-align: center;
|
|
color: $ui-white;
|
|
font-size: .675rem;
|
|
}
|
|
|
|
.extension-action {
|
|
display: flex;
|
|
justify-content: center;
|
|
border-radius: 10px;
|
|
background-color: $ui-blue;
|
|
padding: 0 5px;
|
|
text-align: center;
|
|
color: $ui-white;
|
|
font-size: .675rem;
|
|
font-weight: normal;
|
|
|
|
img {
|
|
width: 15px;
|
|
height: 15px;
|
|
}
|
|
}
|
|
}
|