Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <template>
- <div class="filter-list">
- <div class="filter-title">
- <i class="fas fa-search"></i>
- <span>
- Encontre seu
- <span class="big">veículo</span>
- </span>
- </div>
- </div>
- </template>
- <script>
- export default {
- methods: {
- toggleFilter (event) {
- }
- }
- }
- </script>
- <style lang="scss" scoped>
- @import '../../../assets/sass/_variables';
- .filter-title {
- border-radius: 0.3rem 0.3rem 0 0;
- background-color: $c-blue-2;
- color: white;
- display: flex;
- justify-content: center;
- padding: 1rem 0;
- svg {
- font-size: 6rem;
- margin-right: .5rem;
- }
- span {
- font-size: 1.7rem;
- text-transform: uppercase;
- &.big {
- display: block;
- font-size: 3.2rem;
- font-weight: 700;
- line-height: 3rem;
- }
- }
- }
- .filter-item {
- background-color: $c-gray-5;
- font-weight: 700;
- padding: 1rem 2rem;
- .filter-name {
- align-items: center;
- color: $c-blue-3;
- display: flex;
- font-weight: 700;
- justify-content: space-between;
- text-transform: uppercase;
- svg {
- color: $c-gray-2;
- }
- }
- }
- </style>
Add Comment
Please, Sign In to add comment