sass 基礎教學 - 高雄前端社群(css 讀書會)
Post on 08-Jan-2017
1.071 Views
Preview:
TRANSCRIPT
$
$card-size:300px;$card-padding:30px;$box-shadow-1:03px3pxrgba(black,0.16);.card{width:$card-size;box-shadow:$box-shadow-2;padding:$card-padding;}
$card-size:300px;$card-padding:30px;$box-shadow-1:03px3pxrgba(black,0.16);.card{width:$card-size;box-shadow:$box-shadow-2;padding:$card-padding;}
$card-size:300px;$card-padding:30px;$box-shadow-1:03px3pxrgba(black,0.16);.card{width:$card-size;box-shadow:$box-shadow-2;padding:$card-padding;}
{}
.btn-primary{background-color:$primary-color;border-color:$primary-color;color:white;&:hover{background-color:darken($primary-color,15%);}}
&:
.btn-primary{background-color:$primary-color;border-color:$primary-color;color:white;&:hover{background-color:darken($primary-color,15%);}}
sass/||–base/||–_reset.scss#Reset/normalize||–_typography.scss#Typographyrules|...#Etc…||–components/||–_buttons.scss#Buttons||–_carousel.scss#Carousel|...#Etc…||–helpers/||–_variables.scss#SassVariables||–_functions.scss#SassFunctions||–_mixins.scss#SassMixins||–_helpers.scss#Class&placeholdershelpers|...#Etc…||–layout/||–_grid.scss#Gridsystem|...#Etc…||–pages/||–_home.scss#Homespecificstyles|...#Etc…||–themes/||–_theme.scss#Defaulttheme||–_admin.scss#Admintheme|...#Etc…||–vendors/||–_bootstrap.scss#Bootstrap|...#Etc…
sass/||–base/||–_reset.scss#Reset/normalize||–_typography.scss#Typographyrules|...#Etc…||–components/||–_buttons.scss#Buttons||–_carousel.scss#Carousel|...#Etc…||–helpers/||–_variables.scss#SassVariables||–_functions.scss#SassFunctions||–_mixins.scss#SassMixins||–_helpers.scss#Class&placeholdershelpers|...#Etc…||–vendors/||–_bootstrap.scss#Bootstrap|...#Etc…
top related