72 lines
985 B
SCSS
Executable File
72 lines
985 B
SCSS
Executable File
@mixin grid($columns) {
|
|
display: grid;
|
|
grid-template-columns: repeat(#{$columns}, 1fr);
|
|
grid-gap: 20px;
|
|
grid-auto-flow: dense;
|
|
padding: 1rem;
|
|
}
|
|
|
|
.grid1 {
|
|
@include grid(1);
|
|
}
|
|
|
|
.grid2 {
|
|
@include grid(2);
|
|
}
|
|
|
|
.grid3 {
|
|
@include grid(3);
|
|
}
|
|
|
|
.grid4 {
|
|
@include grid(4);
|
|
}
|
|
|
|
.grid5 {
|
|
@include grid(5);
|
|
}
|
|
|
|
.grid6 {
|
|
@include grid(6);
|
|
}
|
|
|
|
.grid-3-1 {
|
|
display: grid;
|
|
grid-template-columns: 3fr 1fr;
|
|
grid-gap: 0px;
|
|
grid-auto-flow: dense;
|
|
padding: 1rem;
|
|
}
|
|
.noticeq {
|
|
padding: 10px;
|
|
background-color: red;
|
|
border-left: 4px solid #0073aa;
|
|
}
|
|
|
|
.noticeq h1 {
|
|
margin: 0;
|
|
font-size: 24px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.noticeq p {
|
|
margin: 0;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.notice-dismiss {
|
|
float: right;
|
|
margin-top: 5px;
|
|
margin-right: 5px;
|
|
background: none;
|
|
border: none;
|
|
color: #333;
|
|
}
|
|
|
|
.notice-dismiss:before {
|
|
content: "\f153";
|
|
font-family: dashicons;
|
|
font-size: 20px;
|
|
line-height: 1;
|
|
}
|