jiti-meet/css/_navigate_section_list.scss

81 lines
1.6 KiB
SCSS
Raw Normal View History

2018-08-01 16:41:54 +00:00
%navigate-section-list-text {
width: 100%;
font-size: 14px;
line-height: 20px;
color: $welcomePageTitleColor;
text-align: left;
font-family: 'open_sanslight', Helvetica, sans-serif;
}
%navigate-section-list-tile-text {
@extend %navigate-section-list-text;
overflow: hidden;
text-overflow: ellipsis;
float: left;
}
.navigate-section-list-tile {
background-color: #1754A9;
border-radius: 4px;
box-sizing: border-box;
display: inline-flex;
margin-bottom: 8px;
2018-08-01 16:41:54 +00:00
margin-right: 8px;
min-height: 100px;
2018-08-01 16:41:54 +00:00
padding: 16px;
width: 100%;
&.with-click-handler {
cursor: pointer;
}
&.with-click-handler:hover {
background-color: #1a5dbb;
}
i {
cursor: inherit;
}
.element-after {
display: flex;
align-items: center;
justify-content: center;
}
.join-button {
display: none;
}
&:hover .join-button {
display: block
}
2018-08-01 16:41:54 +00:00
}
.navigate-section-tile-body {
@extend %navigate-section-list-tile-text;
font-weight: normal;
line-height: 24px;
2018-08-01 16:41:54 +00:00
}
.navigate-section-list-tile-info {
flex: 1;
word-break: break-word;
}
2018-08-01 16:41:54 +00:00
.navigate-section-tile-title {
@extend %navigate-section-list-tile-text;
font-weight: bold;
line-height: 24px;
2018-08-01 16:41:54 +00:00
}
.navigate-section-section-header {
@extend %navigate-section-list-text;
font-weight: bold;
margin-bottom: 16px;
2018-09-25 00:00:08 +00:00
display: block;
2018-08-01 16:41:54 +00:00
}
.navigate-section-list {
position: relative;
margin-top: 36px;
margin-bottom: 36px;
width: 100%;
}
.navigate-section-list-empty {
text-align: center;
2018-08-01 16:41:54 +00:00
}