ci4s
/
ci4sManagement-cloud
Not watched
1
0
Fork 0
Code
Releases 1 Wiki evaluate Activity
Issues 0 Pull Requests 0 Datasets Model Cloudbrain HPC
You can not select more than 25 topics Topics must start with a chinese character,a letter or number, can include dashes ('-') and can be up to 35 characters long.
Tree: 7043adee13
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from '7043adee13'
${ noResults }
ci4sManagement-cloud/react-ui/src/pages/Home/components/Service/index.less

76 lines
1.5 kB
Raw Blame History 

  1. .service {

  2.   position: relative;

  3.   display: flex;

  4.   flex-direction: column;

  5.   align-items: center;

  6.   width: 100%;

  7.   padding: 5.625rem 16.25rem 6.25rem;

  8.   .backgroundFullImage(url(@/assets/img/home/service-bg.png));

  9. 

  10.   &__item {

  11.     width: 25%;

  12.     padding: 1.25rem 1.25rem 1.5625rem;

  13.     background: #ffffff;

  14.     border-radius: 1.25rem;

  15.     box-shadow: 0rem 0rem 0.75rem rgba(33, 73, 212, 0.06);

  16.     cursor: pointer;

  17. 

  18.     &:hover {

  19.       box-shadow: 0rem 0rem 0.75rem rgba(33, 73, 212, 0.12);

  20.     }

  21. 

  22.     &__image-container {

  23.       width: 18.4375rem;

  24.       height: 10.6875rem;

  25.       margin-bottom: 0.75rem;

  26.       overflow: hidden;

  27.       border-radius: 1.875rem;

  28.     }

  29. 

  30.     &__image {

  31.       width: 100%;

  32.       height: 100%;

  33.       transform: scale(1);

  34.       transition: transform 0.3s linear;

  35.     }

  36. 

  37.     &:hover &__image {

  38.       transform: scale(1.1);

  39.     }

  40. 

  41.     &__title {

  42.       height: 2.625rem;

  43.       margin-bottom: 0.875rem;

  44.       color: @home-text-color;

  45.       font-size: 0.9375rem;

  46.       .multiLine(2);

  47.     }

  48. 

  49.     &:hover &__title {

  50.       color: @primary-color;

  51.     }

  52. 

  53.     &__user-avatar {

  54.       flex: none;

  55.       width: 1.3125rem;

  56.       height: 1.3125rem;

  57.       margin-right: 0.5rem;

  58.     }

  59. 

  60.     &__user {

  61.       margin-right: 0.5rem;

  62.       color: #191919;

  63.       font-size: 0.875rem;

  64.       .singleLine();

  65.     }

  66. 

  67.     &__date {

  68.       flex: none;

  69.       margin-right: 0;

  70.       margin-left: auto;

  71.       color: @text-color-tertiary;

  72.       font-size: 0.8125rem;

  73.     }

  74.   }

  75. }