154 lines
2.2 KiB
SCSS
154 lines
2.2 KiB
SCSS
|
|
/**=====================
|
|
75. Learning CSS start
|
|
==========================**/
|
|
.learning-box{
|
|
.details-main{
|
|
margin: 30px;
|
|
h6{
|
|
font-size: 20px;
|
|
}
|
|
p{
|
|
color : $semi-dark;
|
|
margin-bottom: 0;
|
|
}
|
|
}
|
|
}
|
|
.learning-header{
|
|
margin-bottom:5px;
|
|
}
|
|
.categories{
|
|
padding:20px 0;
|
|
.learning-header{
|
|
padding-left: 30px;
|
|
font-size: 16px;
|
|
}
|
|
ul{
|
|
li{
|
|
padding: 5px 30px;
|
|
a{
|
|
color: $light-text;
|
|
font-weight: 500;
|
|
}
|
|
&:hover{
|
|
background-color: $light-gray;
|
|
a{
|
|
color:$primary-color;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.upcoming-course{
|
|
.media{
|
|
+ .media{
|
|
margin-top: 30px;
|
|
}
|
|
}
|
|
}
|
|
.job-accordion{
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
|
|
.learning-section{
|
|
|
|
.categories {
|
|
ul {
|
|
li{
|
|
a{
|
|
font-size:13px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
@media screen and (min-width: 1200px) and (max-width: 1366px){
|
|
.learning-comment{
|
|
float: left !important;
|
|
}
|
|
.blog-box {
|
|
.blog-details {
|
|
.blog-social {
|
|
li{
|
|
&:nth-child(n+2){
|
|
padding-left:15px;
|
|
margin-left:15px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
@media only screen and (max-width: 991px){
|
|
.categories{
|
|
padding: 20px 0;
|
|
.learning-header{
|
|
padding-left: 20px;
|
|
}
|
|
ul{
|
|
li{
|
|
padding: 5px 20px;
|
|
}
|
|
}
|
|
}
|
|
.upcoming-course{
|
|
.media{
|
|
+ .media{
|
|
margin-top: 20px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
@media only screen and (max-width: 767px){
|
|
.categories {
|
|
ul{
|
|
li{
|
|
a{
|
|
font-size:13px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.comment-box {
|
|
h4{
|
|
margin-bottom:20px;
|
|
padding-bottom:15px;
|
|
}
|
|
li{
|
|
margin-bottom:20px;
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
@media only screen and (max-width: 575px){
|
|
.categories{
|
|
padding: 15px 0;
|
|
.learning-header{
|
|
padding-left: 15px;
|
|
}
|
|
// ul{
|
|
// li{
|
|
// padding: 10px 15px;
|
|
// }
|
|
// }
|
|
}
|
|
.upcoming-course{
|
|
.media{
|
|
+ .media{
|
|
margin-top:10px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
/**=====================
|
|
75. Learning CSS end
|
|
==========================**/ |