Skip to content

Commit

Permalink
SASS syntax corrections for tab-structure
Browse files Browse the repository at this point in the history
  • Loading branch information
GGayathri3 authored Feb 21, 2024
1 parent 8d9c5dd commit 2287a1a
Showing 1 changed file with 30 additions and 37 deletions.
67 changes: 30 additions & 37 deletions source-assets/styles2022/sass/custom/content-formal-informal.sass
Original file line number Diff line number Diff line change
Expand Up @@ -351,40 +351,33 @@ div.blockquote
margin: 17px 35px

// CSS for Tab structure
.tab-structure {
display: flex;
border: 1px solid #30ba78;
flex-direction: column;
margin-top: 32px;
margin-bottom: 32px;

.tabs {
display: flex;
overflow-x: auto;
padding: 0;
margin: 0;
overflow-x: auto;

.tab {
cursor: pointer;
list-style: none;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 16px;
padding-right: 16px;
}

.active-tab {
/* border-bottom: 3px solid #0c322c; */
border-bottom: 3px solid #30ba78;
color: #0c322c;
font-size: bold;
}
}

.content-container {
background-color: rgb(246, 248, 250);
padding: 8px;
overflow-x: auto;
}
}
.tab-structure
display: flex
border: 1px solid #30ba78
flex-direction: column
margin-top: 32px
margin-bottom: 32px

.tabs
display: flex
overflow-x: auto
padding: 0
margin: 0

.tab
cursor: pointer
list-style: none
padding-top: 8px
padding-bottom: 8px
padding-left: 16px
padding-right: 16px

.tab.active-tab
border-bottom: 3px solid #30ba78
color: #0c322c
font-size: bold

.content-container
background-color: rgb(246, 248, 250)
padding: 8px
overflow-x: auto

0 comments on commit 2287a1a

Please sign in to comment.